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
