https://www.mediawiki.org/wiki/Special:Code/MediaWiki/112581
Revision: 112581 Author: jdlrobson Date: 2012-02-28 08:37:49 +0000 (Tue, 28 Feb 2012) Log Message: ----------- add RTL styling rules this ensures the mobile site renders correctly for languages such as hebrew Note: we may want to separate this into a separate stylesheet as these rules are unused for LTR languages Modified Paths: -------------- trunk/extensions/MobileFrontend/stylesheets/beta_common.css trunk/extensions/MobileFrontend/stylesheets/common.css Modified: trunk/extensions/MobileFrontend/stylesheets/beta_common.css =================================================================== --- trunk/extensions/MobileFrontend/stylesheets/beta_common.css 2012-02-28 07:51:01 UTC (rev 112580) +++ trunk/extensions/MobileFrontend/stylesheets/beta_common.css 2012-02-28 08:37:49 UTC (rev 112581) @@ -34,6 +34,11 @@ display: none; } +html[dir="rtl"] .clearlink { + left: 0.25em; + right: auto; +} + #zero-rated-banner { position: relative; height: 20px; @@ -120,7 +125,6 @@ margin: 0; line-height: 2.6em; padding: 0.01em 0.25em; - text-align: left; postion: relative; border-bottom: solid 1px #999999; } @@ -566,9 +570,13 @@ width: 100%; } +html[dir="rtl"] #logo, #goButton { position: absolute; right: 2px; +} + +#goButton { top: 2px; border: 0; background: url(images/s.gif) no-repeat top left; @@ -577,6 +585,11 @@ width: 27px; } +html[dir="rtl"] #goButton { + right: auto; + left: 2px; +} + #searchbox a, #searchbox img { border: 0px; @@ -607,10 +620,19 @@ float: left; } +html[dir="rtl"] #nav { + float: right; +} + #languageselection { margin-right: 35px; } +html[dir="rtl"] #languageselection { + margin-right: 0; + margin-left: 35px; +} + #nav form, #nav button { display: inline-block; @@ -682,6 +704,11 @@ font-size: 1.2em; } +html[dir="rtl"] .full-screen-search #sq { + padding-left: 0; + padding-right: 44px; +} + .full-screen-search #sq { position: relative; padding-left: 44px; @@ -720,7 +747,6 @@ .full-screen-search .suggestions-results { line-height: 2.6em; padding: 0; - text-align: left; position: relative; border-bottom: solid 1px #999; font-size: 1.4em; @@ -756,6 +782,11 @@ overflow: hidden; } +html[dir="rtl"] #remove-results { + right: 0px; + left: auto; +} + .full-screen-search #results { display: block !important; } Modified: trunk/extensions/MobileFrontend/stylesheets/common.css =================================================================== --- trunk/extensions/MobileFrontend/stylesheets/common.css 2012-02-28 07:51:01 UTC (rev 112580) +++ trunk/extensions/MobileFrontend/stylesheets/common.css 2012-02-28 08:37:49 UTC (rev 112581) @@ -15,6 +15,11 @@ display: none; } +html[dir="rtl"] .clearlink { + left: 0.25em; + right: auto; +} + #zero-rated-banner { position: relative; height: 20px; @@ -100,7 +105,6 @@ margin: 0; line-height: 1.8em; padding: 0.01em 0.25em; - text-align: left; postion: relative; border-bottom: solid 1px #999999; } @@ -173,6 +177,10 @@ left: 53px; } +html[dir="rtl"] #results { + left: 41px; +} + #search { width: 90%; -webkit-appearance: none; @@ -561,15 +569,23 @@ -webkit-border-radius: 2px; -moz-border-radius: 2px; } - + +html[dir="rtl"] #searchbox { + padding: 5px 44px 5px 32px +} + #searchbox #form { padding-right: 34px; width: 100%; } +html[dir="rtl"] #logo, #goButton { position: absolute; right: 2px; +} + +#goButton { top: 2px; border: 0; background: url(images/s.gif) no-repeat top left; @@ -578,6 +594,11 @@ width: 27px; } +html[dir="rtl"] #goButton { + right: auto; + left: 2px; +} + #searchbox a, #searchbox img { border: 0px; @@ -607,10 +628,19 @@ float: left; } +html[dir="rtl"] #nav { + float: right; +} + #languageselection { margin-right: 35px; } +html[dir="rtl"] #languageselection { + margin-right: 0; + margin-left: 35px; +} + #nav form, #nav button { display: inline-block; _______________________________________________ MediaWiki-CVS mailing list MediaWiki-CVS@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs