From 80dedf77d80a3013aec61bd0f011ca611d3bc081 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Sun, 1 Nov 2009 19:11:58 -0700 Subject: Cleanup RTL styles even further. I think this gets wind and admin_wind looking pretty good for RTL. Related to the previous commit, remove g-right from login menu, let the theme handle positioning. --- lib/gallery.common.css | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 4cb5735f..fc3ed40e 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -523,7 +523,7 @@ div#g-action-status { /* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-pager { - padding: 5px 0; + padding: .2em 0; width: 100%; } @@ -573,10 +573,16 @@ div#g-action-status { direction: rtl; } +.rtl #g-header, +.rtl #g-content, +.rtl #g-sidebar, +.rtl #g-footer, .rtl caption, .rtl th, .rtl #g-dialog, -.g-message { +.rtl .g-context-menu li a, +.rtl .g-message-box li, +.rtl #g-site-status li { text-align: right; } @@ -584,6 +590,14 @@ div#g-action-status { text-align: left; } +.rtl .g-error, +.rtl .g-info, +.rtl .g-success, +.rtl .g-warning { + background-position: center right; + padding-right: 30px !important; +} + .rtl .g-left, .rtl .g-inline li, .rtl form ul ul li, @@ -610,3 +624,15 @@ div#g-action-status { .rtl .g-inline li.g-first { margin-right: 0; } + +.rtl .g-breadcrumbs .g-first { + padding-right: 0; +} + +.rtl .g-pager .g-info { + width: 35%; +} + +.rtl .g-pager .g-txt-right { + margin-left: 0; +} -- cgit v1.2.3 From 46b1a48a18c588c1dbca682695de3e0172a33634 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Sun, 1 Nov 2009 19:52:41 -0700 Subject: Use pixels to define padding for an element with a bg image instead of ems. Fix breadcrumb seperator display for RTL. --- lib/gallery.common.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index fc3ed40e..545169f5 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -502,7 +502,7 @@ div#g-action-status { .g-breadcrumbs li { background: transparent url('images/ico-separator.gif') no-repeat scroll left center; float: left; - padding: 1em .6em 1em 1.4em; + padding: 1em 8px 1em 18px; } .g-breadcrumbs .g-first { @@ -625,6 +625,11 @@ div#g-action-status { margin-right: 0; } +.rtl .g-breadcrumbs li { + background-position: right center; + padding: 1em 18px 1em 8px; +} + .rtl .g-breadcrumbs .g-first { padding-right: 0; } -- cgit v1.2.3 From f1075a6e1faca4a495d0f0103fa371590e7bf926 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Sun, 1 Nov 2009 20:45:22 -0700 Subject: Put checkboxes to the left of their labels, to the right for .rtl --- lib/gallery.common.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 545169f5..33ec3720 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -85,6 +85,11 @@ option:focus { color: #000; } +input.checkbox { + float: left; + margin-right: .4em; +} + /* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form li { @@ -608,7 +613,8 @@ div#g-action-status { .rtl .g-breadcrumbs li, .rtl .g-pager li, .rtl .g-buttonset li, -.rtl .ui-icon-left .ui-icon { +.rtl .ui-icon-left .ui-icon, +.rtl input.checkbox { float: right; } @@ -641,3 +647,7 @@ div#g-action-status { .rtl .g-pager .g-txt-right { margin-left: 0; } + +.rtl input.checkbox { + margin-right: .4em; +} -- cgit v1.2.3 From e9e871acfc7f82ea30cc21d85ab380f7a8ea57f8 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Sun, 1 Nov 2009 23:02:09 -0700 Subject: Docblock and todo updates. --- lib/gallery.common.css | 4 +++- themes/wind/css/screen.css | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 33ec3720..2cbce900 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -9,7 +9,9 @@ * 4) States and interactions * 5) Positioning and order * 6) Containers/widgets + * 7) Right to left language styles * + * @todo Update .g-message-block, don't force it to 100%, bad things happen is themes when you do. * @todo Remove extra white space at the top of the add comment form, above the first field */ @@ -571,7 +573,7 @@ div#g-action-status { } /** ******************************************************************* - * 7) Right to left styles + * 7) Right to left language styles **********************************************************************/ .rtl { diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css index c2cd0ccb..1fc5fa65 100644 --- a/themes/wind/css/screen.css +++ b/themes/wind/css/screen.css @@ -413,7 +413,7 @@ td { } /** ******************************************************************* - * 7) Right to left styles + * 7) Right to left language styles *********************************************************************/ .rtl #g-header #g-login-menu, -- cgit v1.2.3