Improved visuals in RTL

diff --git a/wcfsetup/install/files/lib/util/StyleUtil.class.php b/wcfsetup/install/files/lib/util/StyleUtil.class.php
index 57684f7badbffadd92aa6d797ab7fd4458cfe451..63b6f0cd8572ce52fbe541e0bbabf4c4fc99b44b 100644 (file)
--- a/wcfsetup/install/files/lib/util/StyleUtil.class.php
+++ b/wcfsetup/install/files/lib/util/StyleUtil.class.php
@@ -63,13 +63,16 @@ final class StyleUtil {
                $contents = str_replace('border-right-color:', 'border-left-color:', $contents);
                $contents = str_replace('wcf-border-left-color:', 'border-right-color:', $contents);
                
+               // box-shadow
+               $contents = preg_replace_callback('~box-shadow:\s*(?P<inset>inset)?\s*(?P<negate>-)?(?P<number>\d+)~', function($matches) {
+                       return 'box-shadow: ' . $matches['inset'] . ' ' . ($matches['negate'] ? '' : '-') . $matches['number'];
+               }, $contents);
+               
                // clear
                $contents = preg_replace('/clear:\s*left/', 'wcf-clear:left', $contents);
                $contents = preg_replace('/clear:\s*right/', 'clear:left', $contents);
                $contents = str_replace('wcf-clear:left', 'clear:right', $contents);
                
-               // todo: clip?
-               
                // float
                $contents = preg_replace('/float:\s*left/', 'wcf-float:left', $contents);
                $contents = preg_replace('/float:\s*right/', 'float:left', $contents);

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 543295eaa6b651452be709e8f91ec36731619377..a5ebfea256e3e4b6044c0c6da02051d23934fcfe 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -606,6 +606,9 @@
                                .transition(width, .2s, ease);
                                
                                > span {
+                                       /* fix for Chrome in RTL mode */
+                                       display: inline-block;
+                                       
                                        position: relative;
                                        
                                        > .collapsibleButton {