diff options
author | Dries Buytaert <dries@buytaert.net> | 2010-06-04 20:38:55 +0000 |
---|---|---|
committer | Dries Buytaert <dries@buytaert.net> | 2010-06-04 20:38:55 +0000 |
commit | df7188e1127d073a3ccc386c98b12c6f5d24fca4 (patch) | |
tree | 2eca67db1d5659af3e3dd3ad072ca41dba7b1844 /modules/contextual | |
parent | 98150d06e7713da5c5c42a6b586eafbd088ab9f2 (diff) | |
download | brdo-df7188e1127d073a3ccc386c98b12c6f5d24fca4.tar.gz brdo-df7188e1127d073a3ccc386c98b12c6f5d24fca4.tar.bz2 |
- Patch #765856 by Jeff Burnz, aspilicious: contextual lack rtl styling.
Diffstat (limited to 'modules/contextual')
-rw-r--r-- | modules/contextual/contextual-rtl.css | 17 | ||||
-rw-r--r-- | modules/contextual/contextual.css | 45 |
2 files changed, 40 insertions, 22 deletions
diff --git a/modules/contextual/contextual-rtl.css b/modules/contextual/contextual-rtl.css new file mode 100644 index 000000000..57a4e9ded --- /dev/null +++ b/modules/contextual/contextual-rtl.css @@ -0,0 +1,17 @@ +/* $Id$ */ + +div.contextual-links-wrapper { + left: 5px; + right: auto; +} +div.contextual-links-wrapper ul.contextual-links { + -moz-border-radius: 0 4px 4px 4px; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 4px; + border-radius: 0 4px 4px 4px; + left: 0; + right: auto; +} +a.contextual-links-trigger { + text-indent: -90px; +} diff --git a/modules/contextual/contextual.css b/modules/contextual/contextual.css index 1af1fc6e2..f474463be 100644 --- a/modules/contextual/contextual.css +++ b/modules/contextual/contextual.css @@ -18,8 +18,8 @@ div.contextual-links-wrapper { display: none; font-size: 90%; position: absolute; - right: 5px; - top: 0px; + right: 5px; /* LTR */ + top: 2px; z-index: 999; } html.js div.contextual-links-wrapper { @@ -27,51 +27,53 @@ html.js div.contextual-links-wrapper { } a.contextual-links-trigger { background: transparent url(images/gear-select.png) no-repeat 2px 0; + border: 1px solid transparent; display: none; height: 18px; - margin: 2px 1px 0 1px; + margin: 0; padding: 0 2px; outline: none; - text-indent: 34px; + text-indent: 34px; /* LTR */ width: 28px; overflow: hidden; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; } a.contextual-links-trigger:hover, div.contextual-links-active a.contextual-links-trigger { background-position: 2px -18px; } div.contextual-links-active a.contextual-links-trigger { + background-position: 2px -18px; background-color: #fff; - border: #ccc 1px solid; + border-color: #ccc; border-bottom: none; - padding: 0 2px; - margin: 1px 0 0 0; position: relative; z-index: 1; - border-radius-topleft: 4px; - border-radius-topright: 4px; - -moz-border-radius-topleft: 4px; - -moz-border-radius-topright: 4px; - -webkit-border-radius-topleft: 4px; - -webkit-border-radius-topright: 4px; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + border-radius: 4px 4px 0 0; } div.contextual-links-wrapper ul.contextual-links { background-color: #fff; - border: #ccc 1px solid; + border: 1px solid #ccc; display: none; margin: 0; padding: 0.25em 0; position: absolute; right: 0; text-align: left; - top: 19px; + top: 18px; white-space: nowrap; - -moz-border-radius: 4px; - -moz-border-radius-topright: 0; - -webkit-border-radius: 4px; - -webkit-border-radius-topright: 0; - border-radius: 4px; - border-radius-topright: 0; + -moz-border-radius: 4px 0 4px 4px; /* LTR */ + -webkit-border-top-left-radius: 4px; /* LTR */ + -webkit-border-top-right-radius: 0; /* LTR */ + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-radius: 4px 0 4px 4px; /* LTR */ } .contextual-links-region:hover a.contextual-links-trigger, div.contextual-links-active a.contextual-links-trigger, @@ -89,7 +91,6 @@ div.contextual-links-wrapper a { text-decoration: none; } ul.contextual-links li a { - /* Color made important so not easily overriden with '#footer a' type selectors */ color: #333 !important; display: block; margin: 0.25em 0; |