[openFATE 308151] https://features.opensuse.org/ needs user friendly CSS
Feature added by: Felix Miata (mrmazda) Feature #308151, revision 1 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: Unconfirmed Priority Requester: Important Requested by: Felix Miata (mrmazda) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and .medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Felix Miata (mrmazda) Feature #308151, revision 2 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: Unconfirmed Priority Requester: Important Requested by: Felix Miata (mrmazda) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace + Discussion: + #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) + Another font sizing reference, from closer to home: + https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Thomas Schmidt (digitaltomm) Feature #308151, revision 3 Title: https://features.opensuse.org/ needs user friendly CSS - openFATE: Unconfirmed + openFATE: New Priority Requester: Important Requested by: Felix Miata (mrmazda) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 + #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) + Robert, can you check the suggestions? -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Thomas Schmidt (digitaltomm) Feature #308151, revision 4 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Requested by: Felix Miata (mrmazda) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? + #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) + openfate will switch to the new umbrella design as all other openSUSE. + org sites. So we won't invest time in the current style I think -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Thomas Schmidt (digitaltomm) Feature #308151, revision 5 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important + Info Provider: Felix Miata (mrmazda) Requested by: Felix Miata (mrmazda) Developer: (Novell) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think + #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) + Please check the openfate preview at: + https://features.opensuse.org/preview -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Felix Miata (mrmazda) Feature #308151, revision 6 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Info Provider: Felix Miata (mrmazda) Requested by: Felix Miata (mrmazda) Developer: (Novell) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview + #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) + http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like + on a very expensive laptop. + + Further references: + http://pages.prodigy.net/chris_beall/TC/Font size.html + http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ + http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html + + A starting point to fixing it: + --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. + css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color + # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ + -Dark Grey #444444 68 68 68 Text color +Dark + Grey #444444 68 68 68 Text color /* not + contrasty enough text color on properly adjusted displays */ Medium + Grey #666666 102 102 102 Navigation Background Light + Grey 1 #999999 153 153 153 Text color in unselected + input field Light Grey 2 #dddddd 221 221 221 Box Header + and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; + - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, + Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", + "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: + 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em + 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: + 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { + border: 1px solid #666; background-color: #eee; color: #333; padding: + 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; + background-color: #eee; color: #000; padding: 2px 3px;} input:focus, + textarea:focus { border-color: #690; background-color: + #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { + font-weight: bold;} em { font-style: italic;} -small { font-size: + 10px;} +small { font-size: small;} .box p small, p small {font-size: + inherit; margin: 0;} option:nth-child(even) { background-color: + #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 + @@ blockquote { border-left: 5px solid #690; - color: #666; + + color: #222; font-style: italic; } @@ -367,7 +367,7 + @@ } .lable-overley label { - font-size: 10px; + + font-size: x-small; } #subheader { @@ -413,7 +413,7 + @@ display: none; width: 250px; height: auto; - font-size: 0.7 + em; + font-size: x-small; position: absolute; top: + 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input + { width: 213px; - font-size: 1.5em; + font-size: + medium; padding: 2px 3px; border: 3px solid #222; -moz- + border-radius: 5px; @@ -481,9 +481,9 @@ position: + absolute; top: 8px; left: 7px; - color: #666; + color: + #222; width: 100px; - font-size: 13px; + font-size: + small; } #login-form .slim-footer { text-align: center; @@ + -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: + #666; - font-size: 0.9em; + color: #222; + font-size: x- + small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 + +531,7 @@ #footer-legal { border-top: 1px dotted + #999; color: #999; - font-size: 0.7em; + font-size: x- + small; margin-top: 25px; padding-top: 5px; text-align: + center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- + content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- + size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. + navigation > *, .content-wrapper .box.navigation > * { /* box + specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, + 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + + font-size: small; } .box-header, .box-subheader, @@ -1303,10 + +1303,10 @@ } .global-navigation-menu li span.desc { - color: + #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; + - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- + weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 + +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: + 12px; + font-size: small; background-color: white; border: 1px + solid #999; -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Felix Miata (mrmazda) Feature #308151, revision 7 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Info Provider: Felix Miata (mrmazda) Requested by: Felix Miata (mrmazda) Developer: (Novell) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like on a very expensive laptop. Further references: http://pages.prodigy.net/chris_beall/TC/Font size.html http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html A starting point to fixing it: --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ -Dark Grey #444444 68 68 68 Text color +Dark Grey #444444 68 68 68 Text color /* not contrasty enough text color on properly adjusted displays */ Medium Grey #666666 102 102 102 Navigation Background Light Grey 1 #999999 153 153 153 Text color in unselected input field Light Grey 2 #dddddd 221 221 221 Box Header and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #333; padding: 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #000; padding: 2px 3px;} input:focus, textarea:focus { border-color: #690; background-color: #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { font-weight: bold;} em { font-style: italic;} -small { font-size: 10px;} +small { font-size: small;} .box p small, p small {font-size: inherit; margin: 0;} option:nth-child(even) { background-color: #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 @@ blockquote { border-left: 5px solid #690; - color: #666; + color: #222; font-style: italic; } @@ -367,7 +367,7 @@ } .lable-overley label { - font-size: 10px; + font-size: x-small; } #subheader { @@ -413,7 +413,7 @@ display: none; width: 250px; height: auto; - font-size: 0.7 em; + font-size: x-small; position: absolute; top: 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input { width: 213px; - font-size: 1.5em; + font-size: medium; padding: 2px 3px; border: 3px solid #222; -moz- border-radius: 5px; @@ -481,9 +481,9 @@ position: absolute; top: 8px; left: 7px; - color: #666; + color: #222; width: 100px; - font-size: 13px; + font-size: small; } #login-form .slim-footer { text-align: center; @@ -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: #666; - font-size: 0.9em; + color: #222; + font-size: x- small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 +531,7 @@ #footer-legal { border-top: 1px dotted #999; color: #999; - font-size: 0.7em; + font-size: x- small; margin-top: 25px; padding-top: 5px; text-align: center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. navigation > *, .content-wrapper .box.navigation > * { /* box specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + font-size: small; } .box-header, .box-subheader, @@ -1303,10 +1303,10 @@ } .global-navigation-menu li span.desc { - color: #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: 12px; + font-size: small; background-color: white; border: 1px solid #999; + #6: Felix Miata (mrmazda) (2010-10-27 15:38:14) + Comment 5 is a mess due to newlines being stripped from the patch + paste, something else that needs fixing. + + Further reference (open Novell Bugzilla): + https://bugzilla.novell.com/show_bug.cgi?id=646418 + + URL past in comment 5 was taken literally, so is unclickable. Here's + another try: http://pages.prodigy.net/chris_beall/TC/Font + (http://pages.prodigy.net/chris_beall/TC/Font) %20size.html -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Thomas Schmidt (digitaltomm) Feature #308151, revision 8 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important + Info Provider: (Novell) Info Provider: Felix Miata (mrmazda) Requested by: Felix Miata (mrmazda) Developer: (Novell) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like on a very expensive laptop. Further references: http://pages.prodigy.net/chris_beall/TC/Font size.html http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html A starting point to fixing it: --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ -Dark Grey #444444 68 68 68 Text color +Dark Grey #444444 68 68 68 Text color /* not contrasty enough text color on properly adjusted displays */ Medium Grey #666666 102 102 102 Navigation Background Light Grey 1 #999999 153 153 153 Text color in unselected input field Light Grey 2 #dddddd 221 221 221 Box Header and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #333; padding: 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #000; padding: 2px 3px;} input:focus, textarea:focus { border-color: #690; background-color: #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { font-weight: bold;} em { font-style: italic;} -small { font-size: 10px;} +small { font-size: small;} .box p small, p small {font-size: inherit; margin: 0;} option:nth-child(even) { background-color: #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 @@ blockquote { border-left: 5px solid #690; - color: #666; + color: #222; font-style: italic; } @@ -367,7 +367,7 @@ } .lable-overley label { - font-size: 10px; + font-size: x-small; } #subheader { @@ -413,7 +413,7 @@ display: none; width: 250px; height: auto; - font-size: 0.7 em; + font-size: x-small; position: absolute; top: 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input { width: 213px; - font-size: 1.5em; + font-size: medium; padding: 2px 3px; border: 3px solid #222; -moz- border-radius: 5px; @@ -481,9 +481,9 @@ position: absolute; top: 8px; left: 7px; - color: #666; + color: #222; width: 100px; - font-size: 13px; + font-size: small; } #login-form .slim-footer { text-align: center; @@ -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: #666; - font-size: 0.9em; + color: #222; + font-size: x- small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 +531,7 @@ #footer-legal { border-top: 1px dotted #999; color: #999; - font-size: 0.7em; + font-size: x- small; margin-top: 25px; padding-top: 5px; text-align: center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. navigation > *, .content-wrapper .box.navigation > * { /* box specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + font-size: small; } .box-header, .box-subheader, @@ -1303,10 +1303,10 @@ } .global-navigation-menu li span.desc { - color: #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: 12px; + font-size: small; background-color: white; border: 1px solid #999; #6: Felix Miata (mrmazda) (2010-10-27 15:38:14) Comment 5 is a mess due to newlines being stripped from the patch paste, something else that needs fixing. Further reference (open Novell Bugzilla): https://bugzilla.novell.com/show_bug.cgi?id=646418 URL past in comment 5 was taken literally, so is unclickable. Here's another try: http://pages.prodigy.net/chris_beall/TC/Font (http://pages.prodigy.net/chris_beall/TC/Font) %20size.html + #7: Thomas Schmidt (digitaltomm) (2010-11-11 13:42:38) + I've set the default font size to 1em now on + https://features.opensuse.org/preview/308151 please check. Robert: + Should we take this as default in bento? -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Felix Miata (mrmazda) Feature #308151, revision 9 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Info Provider: (Novell) Info Provider: Felix Miata (mrmazda) Requested by: Felix Miata (mrmazda) Developer: (Novell) Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like on a very expensive laptop. Further references: http://pages.prodigy.net/chris_beall/TC/Font size.html http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html A starting point to fixing it: --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ -Dark Grey #444444 68 68 68 Text color +Dark Grey #444444 68 68 68 Text color /* not contrasty enough text color on properly adjusted displays */ Medium Grey #666666 102 102 102 Navigation Background Light Grey 1 #999999 153 153 153 Text color in unselected input field Light Grey 2 #dddddd 221 221 221 Box Header and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #333; padding: 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #000; padding: 2px 3px;} input:focus, textarea:focus { border-color: #690; background-color: #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { font-weight: bold;} em { font-style: italic;} -small { font-size: 10px;} +small { font-size: small;} .box p small, p small {font-size: inherit; margin: 0;} option:nth-child(even) { background-color: #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 @@ blockquote { border-left: 5px solid #690; - color: #666; + color: #222; font-style: italic; } @@ -367,7 +367,7 @@ } .lable-overley label { - font-size: 10px; + font-size: x-small; } #subheader { @@ -413,7 +413,7 @@ display: none; width: 250px; height: auto; - font-size: 0.7 em; + font-size: x-small; position: absolute; top: 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input { width: 213px; - font-size: 1.5em; + font-size: medium; padding: 2px 3px; border: 3px solid #222; -moz- border-radius: 5px; @@ -481,9 +481,9 @@ position: absolute; top: 8px; left: 7px; - color: #666; + color: #222; width: 100px; - font-size: 13px; + font-size: small; } #login-form .slim-footer { text-align: center; @@ -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: #666; - font-size: 0.9em; + color: #222; + font-size: x- small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 +531,7 @@ #footer-legal { border-top: 1px dotted #999; color: #999; - font-size: 0.7em; + font-size: x- small; margin-top: 25px; padding-top: 5px; text-align: center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. navigation > *, .content-wrapper .box.navigation > * { /* box specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + font-size: small; } .box-header, .box-subheader, @@ -1303,10 +1303,10 @@ } .global-navigation-menu li span.desc { - color: #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: 12px; + font-size: small; background-color: white; border: 1px solid #999; #6: Felix Miata (mrmazda) (2010-10-27 15:38:14) Comment 5 is a mess due to newlines being stripped from the patch paste, something else that needs fixing. Further reference (open Novell Bugzilla): https://bugzilla.novell.com/show_bug.cgi?id=646418 URL past in comment 5 was taken literally, so is unclickable. Here's another try: http://pages.prodigy.net/chris_beall/TC/Font (http://pages.prodigy.net/chris_beall/TC/Font) %20size.html #7: Thomas Schmidt (digitaltomm) (2010-11-11 13:42:38) I've set the default font size to 1em now on https://features.opensuse.org/preview/308151 please check. Robert: Should we take this as default in bento? + #8: Felix Miata (mrmazda) (2010-11-13 21:38:38) (reply to #7) + I spent an hour commenting, 6 subcomments total, but when I tried to + edit the preview, it all disappeared. So I'm done until the editor + works sensibly instead of eating all line feeds and whitespace. -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: akash vishwakarma (vish_99) Feature #308151, revision 10 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Info Provider: Felix Miata (mrmazda) Info Provider: Robert Lihm (rlihm) Requested by: Felix Miata (mrmazda) Developer: Robert Lihm (rlihm) Partner organization: openSUSE.org Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like on a very expensive laptop. Further references: http://pages.prodigy.net/chris_beall/TC/Font size.html http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html A starting point to fixing it: --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ -Dark Grey #444444 68 68 68 Text color +Dark Grey #444444 68 68 68 Text color /* not contrasty enough text color on properly adjusted displays */ Medium Grey #666666 102 102 102 Navigation Background Light Grey 1 #999999 153 153 153 Text color in unselected input field Light Grey 2 #dddddd 221 221 221 Box Header and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #333; padding: 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #000; padding: 2px 3px;} input:focus, textarea:focus { border-color: #690; background-color: #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { font-weight: bold;} em { font-style: italic;} -small { font-size: 10px;} +small { font-size: small;} .box p small, p small {font-size: inherit; margin: 0;} option:nth-child(even) { background-color: #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 @@ blockquote { border-left: 5px solid #690; - color: #666; + color: #222; font-style: italic; } @@ -367,7 +367,7 @@ } .lable-overley label { - font-size: 10px; + font-size: x-small; } #subheader { @@ -413,7 +413,7 @@ display: none; width: 250px; height: auto; - font-size: 0.7 em; + font-size: x-small; position: absolute; top: 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input { width: 213px; - font-size: 1.5em; + font-size: medium; padding: 2px 3px; border: 3px solid #222; -moz- border-radius: 5px; @@ -481,9 +481,9 @@ position: absolute; top: 8px; left: 7px; - color: #666; + color: #222; width: 100px; - font-size: 13px; + font-size: small; } #login-form .slim-footer { text-align: center; @@ -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: #666; - font-size: 0.9em; + color: #222; + font-size: x- small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 +531,7 @@ #footer-legal { border-top: 1px dotted #999; color: #999; - font-size: 0.7em; + font-size: x- small; margin-top: 25px; padding-top: 5px; text-align: center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. navigation > *, .content-wrapper .box.navigation > * { /* box specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + font-size: small; } .box-header, .box-subheader, @@ -1303,10 +1303,10 @@ } .global-navigation-menu li span.desc { - color: #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: 12px; + font-size: small; background-color: white; border: 1px solid #999; #6: Felix Miata (mrmazda) (2010-10-27 15:38:14) Comment 5 is a mess due to newlines being stripped from the patch paste, something else that needs fixing. Further reference (open Novell Bugzilla): https://bugzilla.novell.com/show_bug.cgi?id=646418 URL past in comment 5 was taken literally, so is unclickable. Here's another try: http://pages.prodigy.net/chris_beall/TC/Font (http://pages.prodigy.net/chris_beall/TC/Font) %20size.html #7: Thomas Schmidt (digitaltomm) (2010-11-11 13:42:38) I've set the default font size to 1em now on https://features.opensuse.org/preview/308151 please check. Robert: Should we take this as default in bento? #8: Felix Miata (mrmazda) (2010-11-13 21:38:38) (reply to #7) I spent an hour commenting, 6 subcomments total, but when I tried to edit the preview, it all disappeared. So I'm done until the editor works sensibly instead of eating all line feeds and whitespace. + #9: akash vishwakarma (vish_99) (2015-05-17 12:24:56) + Felix the current openFATE web interface looks good now. Do you still + want the this feature request? -- openSUSE Feature: https://features.opensuse.org/308151
Feature changed by: Felix Miata (mrmazda) Feature #308151, revision 11 Title: https://features.opensuse.org/ needs user friendly CSS openFATE: New Priority Requester: Important Info Provider: Felix Miata (mrmazda) Info Provider: Robert Lihm (rlihm) Requested by: Felix Miata (mrmazda) Developer: Robert Lihm (rlihm) Partner organization: openSUSE.org Description: Details: 1-inadequate contrast many places. #000 on #FFF is only too contrasty for people with improperly adjusted displays. For those with correctly adjusted displays, and old displays with brightness and contrast already set to maximum anything less is easily too little. #363636 is marginal, #666666 much too light, for reading comfort with properly adjusted displays. 2-textarea and input fields reject keyboard cut & paste, and mouse operated cut & paste leaves unwanted extra newlines and unexpected focus location 3-fonts most places are too small. example: #main_content_wrapper and . medium-font should result in medium font, which is 1em, not 64% of medium, which is the usual physical result of font-size: .8em. 10pt, the size set on div.feature, is usually about 69% of the physical size of the most common browser default, not very friendly. Most knowlegeable web stylists know that sizing text in pt is a bad idea, as it and px totally disregard users' font size preferences. Font size references: http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.lighthouse.org/accessibility/top-10/ http://www.cameratim.com/personal/soapbox/morons-in-webspace Discussion: #1: Felix Miata (mrmazda) (2009-10-18 05:57:45) Another font sizing reference, from closer to home: https://bugzilla.novell.com/show_bug.cgi?id=203468#c25 #2: Thomas Schmidt (digitaltomm) (2009-10-26 00:06:30) Robert, can you check the suggestions? #3: Thomas Schmidt (digitaltomm) (2009-12-16 13:49:24) openfate will switch to the new umbrella design as all other openSUSE. org sites. So we won't invest time in the current style I think #4: Thomas Schmidt (digitaltomm) (2010-10-27 11:48:36) Please check the openfate preview at: https://features.opensuse.org/preview #5: Felix Miata (mrmazda) (2010-10-27 15:12:10) http://fm.no-ip.com/SS/SC/sc-openfatepre-133.png is what it looks like on a very expensive laptop. Further references: http://pages.prodigy.net/chris_beall/TC/Font size.html http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ http://bureau.tsailly.net/2010/10/honey-i-shrunk-the-pixels.html A starting point to fixing it: --- base1.css 2010-09-14 09:29:58.000000000 -0400 +++ base. css 2010-10-27 08:42:58.000000000 -0400 @@ -33,7 +33,7 @@ # Color # # Hex # # RGB # # Usage Example # ------------------------------------------------------------------------------ -Dark Grey #444444 68 68 68 Text color +Dark Grey #444444 68 68 68 Text color /* not contrasty enough text color on properly adjusted displays */ Medium Grey #666666 102 102 102 Navigation Background Light Grey 1 #999999 153 153 153 Text color in unselected input field Light Grey 2 #dddddd 221 221 221 Box Header and Footer @@ -139,8 +139,8 @@ html, body { background: #f6f6f6; - color: #444; - font: 16px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; + color: #000; + font: medium "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; height: 99%; margin: 0; padding: 0; @@ -164,13 +164,13 @@ ul li, ol li { margin: 0.5em 0;} ul ul, ol ul, ul ol , ol ol { margin-top: 0em; margin-bottom: 0em;} ol { list-style-type: decimal;} -input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #333; padding: 2px 3px;} +input, button, textarea, pre { border: 1px solid #666; background-color: #eee; color: #000; padding: 2px 3px;} input:focus, textarea:focus { border-color: #690; background-color: #f6f6f6;} textarea {padding: 5px 3px;} img { border: 0;} strong { font-weight: bold;} em { font-style: italic;} -small { font-size: 10px;} +small { font-size: small;} .box p small, p small {font-size: inherit; margin: 0;} option:nth-child(even) { background-color: #eee;} table { width: inherit; max-width: 95%;} @@ -205,7 +205,7 @@ blockquote { border-left: 5px solid #690; - color: #666; + color: #222; font-style: italic; } @@ -367,7 +367,7 @@ } .lable-overley label { - font-size: 10px; + font-size: x-small; } #subheader { @@ -413,7 +413,7 @@ display: none; width: 250px; height: auto; - font-size: 0.7 em; + font-size: x-small; position: absolute; top: 31px; right: 0; @@ -440,7 +440,7 @@ #login-form input { width: 213px; - font-size: 1.5em; + font-size: medium; padding: 2px 3px; border: 3px solid #222; -moz- border-radius: 5px; @@ -481,9 +481,9 @@ position: absolute; top: 8px; left: 7px; - color: #666; + color: #222; width: 100px; - font-size: 13px; + font-size: small; } #login-form .slim-footer { text-align: center; @@ -517,12 +517,12 @@ } #footer-content, #footer-legal { - color: #666; - font-size: 0.9em; + color: #222; + font-size: x- small; } #footer { padding: 42px 0 100px; - font-size: 0.7em; + font-size: x-small; } #footer ul { margin: 0; @@ -531,7 +531,7 @@ #footer-legal { border-top: 1px dotted #999; color: #999; - font-size: 0.7em; + font-size: x- small; margin-top: 25px; padding-top: 5px; text-align: center; @@ -543,10 +543,10 @@ min-height: 500px; } -.ui-oo- content-wrapper, +/*.ui-oo-content-wrapper, .content-wrapper { font- size: 0.8em; -} +}*/ .ui-oo-content-wrapper .ui-oo-box-shadow. navigation > *, .content-wrapper .box.navigation > * { /* box specified as navigation */ margin: 0.5em 15px 1em; @@ -776,7 +776, 7 @@ margin-top: -15px; width: 100%; - font-size: 12px; + font-size: small; } .box-header, .box-subheader, @@ -1303,10 +1303,10 @@ } .global-navigation-menu li span.desc { - color: #666; + color: #222; letter-spacing: 0.1em; - line-height: 1.5em; - font-size: 0.8em; + line-height: 1.3; + font-size: small; font- weight: normal; padding-top: 2px; padding-bottom: 4px; @@ -1367,7 +1367,7 @@ margin: 0; padding: 0; clear: both; - font-size: 12px; + font-size: small; background-color: white; border: 1px solid #999; #6: Felix Miata (mrmazda) (2010-10-27 15:38:14) Comment 5 is a mess due to newlines being stripped from the patch paste, something else that needs fixing. Further reference (open Novell Bugzilla): https://bugzilla.novell.com/show_bug.cgi?id=646418 URL past in comment 5 was taken literally, so is unclickable. Here's another try: http://pages.prodigy.net/chris_beall/TC/Font (http://pages.prodigy.net/chris_beall/TC/Font) %20size.html #7: Thomas Schmidt (digitaltomm) (2010-11-11 13:42:38) I've set the default font size to 1em now on https://features.opensuse.org/preview/308151 please check. Robert: Should we take this as default in bento? #8: Felix Miata (mrmazda) (2010-11-13 21:38:38) (reply to #7) I spent an hour commenting, 6 subcomments total, but when I tried to edit the preview, it all disappeared. So I'm done until the editor works sensibly instead of eating all line feeds and whitespace. #9: akash vishwakarma (vish_99) (2015-05-17 12:24:56) Felix the current openFATE web interface looks good now. Do you still want the this feature request? + #10: Felix Miata (mrmazda) (2015-05-18 01:28:08) (reply to #9) + Definitely still wanted. How it works should be more important than how + it "looks". Text remains eye-straining low contrast, mainly #444, but + even worse some places (e.g. line 108 #breadcrump a{color:#666;}; #999 + on line 131), on off-white background, and sub-optimal in size (.ui-oo- + content-wrapper, .content-wrapper{font-size:0.8em;} in line 48 repeated + on line 133 of themes/bento/css/base.css). Lines 25, 103, 119, 198, 317 + still size text without regard to optimal (in px). Low contrast text + needs to be bigger to compensate for the legibility reduction that it + produces. Zoom can increase text size to what would ordinarily be + optimal, but it can't increase contrast. Low contrast induces extra + zooming, necessary to increase size beyond otherwise optimal, to + restore contrast absent. -- openSUSE Feature: https://features.opensuse.org/308151
participants (1)
-
fate_noreply＠suse.de