From d2752775fa734b1f54dfe40b1f06a0c55b806d3a Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Tue, 17 Nov 2009 20:13:56 -0700 Subject: Finalized RTL adjustments for Superfish. Submenus now appear to the left, instead of the right. Drop shadow and arrows adjusted accordingly. Added -rtl version of the superfish arrows. --- lib/gallery.common.css | 49 +++++++++++++++++++++++++++++ lib/superfish/images/arrows-ffffff-rtl.png | Bin 0 -> 378 bytes 2 files changed, 49 insertions(+) create mode 100644 lib/superfish/images/arrows-ffffff-rtl.png (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 16dd143c..77f8dd50 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -735,4 +735,53 @@ div#g-action-status { .rtl .sf-sub-indicator { left: .75em !important; right: auto; + background: url('superfish/images/arrows-ffffff-rtl.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ +} +.rtl a > .sf-sub-indicator { /* give all except IE6 the correct values */ + top: .8em; + background-position: -10px -100px; /* use translucent arrow for modern browsers*/ +} +/* apply hovers to modern browsers */ +.rtl a:focus > .sf-sub-indicator, +.rtl a:hover > .sf-sub-indicator, +.rtl a:active > .sf-sub-indicator, +.rtl li:hover > a > .sf-sub-indicator, +.rtl li.sfHover > a > .sf-sub-indicator { + background-position: 0 -100px; /* arrow hovers for modern browsers*/ +} + +/* point right for anchors in subs */ +.rtl .sf-menu ul .sf-sub-indicator { background-position: 0 0; } +.rtl .sf-menu ul a > .sf-sub-indicator { background-position: -10px 0; } +/* apply hovers to modern browsers */ +.rtl .sf-menu ul a:focus > .sf-sub-indicator, +.rtl .sf-menu ul a:hover > .sf-sub-indicator, +.rtl .sf-menu ul a:active > .sf-sub-indicator, +.rtl .sf-menu ul li:hover > a > .sf-sub-indicator, +.rtl .sf-menu ul li.sfHover > a > .sf-sub-indicator { + background-position: 0 0; /* arrow hovers for modern browsers*/ +} + +.rtl .sf-menu li:hover ul, +.rtl .sf-menu li.sfHover ul { + right: 0; +} + +.rtl ul.sf-menu li li:hover ul, +.rtl ul.sf-menu li li.sfHover ul { + right: 12em; /* match ul width */ +} +.rtl ul.sf-menu li li li:hover ul, +.rtl ul.sf-menu li li li.sfHover ul { + right: 12em; /* match ul width */ +} + +/*** shadows for all but IE6 ***/ +.rtl .sf-shadow ul { + background: url('superfish/images/shadow.png') no-repeat bottom left; + padding: 0 0 9px 8px; + -moz-border-radius-bottomright: 17px; + -moz-border-radius-topleft: 17px; + -webkit-border-top-left-radius: 17px; + -webkit-border-bottom-right-radius: 17px; } diff --git a/lib/superfish/images/arrows-ffffff-rtl.png b/lib/superfish/images/arrows-ffffff-rtl.png new file mode 100644 index 00000000..2fe14a36 Binary files /dev/null and b/lib/superfish/images/arrows-ffffff-rtl.png differ -- cgit v1.2.3 From 3aa7a3fcdac3b05f3139f933d470fe9e08bfe922 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Tue, 17 Nov 2009 22:32:25 -0700 Subject: Address RTL issues reported in ticket #869. Placement of checkboxes and radio buttons and sidebar block management lists. --- lib/gallery.common.css | 13 ++++++++----- modules/gallery/css/gallery.css | 10 ++++++++++ modules/gallery/views/admin_sidebar.html.php | 8 ++++---- 3 files changed, 22 insertions(+), 9 deletions(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 77f8dd50..635699c7 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -677,17 +677,20 @@ div#g-action-status { .rtl .g-left, .rtl .g-inline li, -.rtl .g-short-form li, -.rtl form ul ul li, -.rtl input[type="submit"], -.rtl input[type="reset"], .rtl #g-content #g-album-grid .g-item, .rtl .sf-menu li, .rtl .g-breadcrumbs li, .rtl .g-pager li, .rtl .g-buttonset li, .rtl .ui-icon-left .ui-icon, -.rtl input.checkbox { +.rtl .g-short-form li, +.rtl form ul ul li, +.rtl input[type="submit"], +.rtl input[type="reset"], +.rtl input.checkbox, +.rtl input[type=checkbox], +.rtl input.radio, +.rtl input[type=radio] { float: right; } diff --git a/modules/gallery/css/gallery.css b/modules/gallery/css/gallery.css index 113f0e09..e06c4dd9 100644 --- a/modules/gallery/css/gallery.css +++ b/modules/gallery/css/gallery.css @@ -4,6 +4,7 @@ * Sheet organization: * 1) End-user * 2) Admin + * 3) Right to left language styles */ /** ******************************************************************* @@ -87,3 +88,12 @@ padding: .5em; margin-bottom: 1em; } + +/** ******************************************************************* + * 3) Right to left language styles + **********************************************************************/ + +.rtl #g-block-admin .g-left { + margin-left: 1em; + margin-right: 0; +} \ No newline at end of file diff --git a/modules/gallery/views/admin_sidebar.html.php b/modules/gallery/views/admin_sidebar.html.php index b394aa19..75499cb0 100644 --- a/modules/gallery/views/admin_sidebar.html.php +++ b/modules/gallery/views/admin_sidebar.html.php @@ -43,16 +43,16 @@
"> -
-

+
+

-
-

+
+

    -- cgit v1.2.3 From 9d45cc040d76f86fe990e4c759fdd863c382ec87 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Tue, 17 Nov 2009 22:48:10 -0700 Subject: Flip the breadcrumb separator and play slideshow button for RTL languages. --- lib/gallery.common.css | 3 ++- lib/images/ico-separator-rtl.gif | Bin 0 -> 106 bytes themes/wind/css/screen.css | 4 ++++ themes/wind/images/ico-view-slideshow-rtl.png | Bin 0 -> 1137 bytes 4 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 lib/images/ico-separator-rtl.gif create mode 100644 themes/wind/images/ico-view-slideshow-rtl.png (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 635699c7..860529cd 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -708,11 +708,12 @@ div#g-action-status { } .rtl .g-breadcrumbs li { - background-position: right center; + background: transparent url('images/ico-separator-rtl.gif') no-repeat scroll right center; padding: 1em 18px 1em 8px; } .rtl .g-breadcrumbs .g-first { + background: none; padding-right: 0; } diff --git a/lib/images/ico-separator-rtl.gif b/lib/images/ico-separator-rtl.gif new file mode 100644 index 00000000..d9061a46 Binary files /dev/null and b/lib/images/ico-separator-rtl.gif differ diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css index 64120cef..12fa695d 100644 --- a/themes/wind/css/screen.css +++ b/themes/wind/css/screen.css @@ -443,3 +443,7 @@ td { left: auto; right: 150px; } + +.rtl #g-view-menu #g-slideshow-link { + background-image: url('../images/ico-view-slideshow-rtl.png'); +} diff --git a/themes/wind/images/ico-view-slideshow-rtl.png b/themes/wind/images/ico-view-slideshow-rtl.png new file mode 100644 index 00000000..5788b3c3 Binary files /dev/null and b/themes/wind/images/ico-view-slideshow-rtl.png differ -- cgit v1.2.3