From 9fe4825d3ab335e289afccb1f3bbd180a49aa8d6 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Sun, 25 May 2014 13:59:41 +0200 Subject: [PATCH] Fixed multiple rtl issues --- .../acp/style/blueTemptation/individual.less | 53 +++++++++++++++++++ wcfsetup/install/files/style/bbcode.less | 9 ++++ wcfsetup/install/files/style/message.less | 9 +++- 3 files changed, 70 insertions(+), 1 deletion(-) diff --git a/wcfsetup/install/files/acp/style/blueTemptation/individual.less b/wcfsetup/install/files/acp/style/blueTemptation/individual.less index ace81fb2c4..f72a8d378c 100644 --- a/wcfsetup/install/files/acp/style/blueTemptation/individual.less +++ b/wcfsetup/install/files/acp/style/blueTemptation/individual.less @@ -70,6 +70,23 @@ body, .tabularBox, .dialogTitlebar { } } } + + // rtl fix + html[dir='rtl'] { + .mainMenu { + > ul { + > li.active > a { + &::after { + .boxShadow(2px, 2px, @wcfNavigationHeaderBackgroundColor, 0); + } + + &::before { + .boxShadow(-2px, 2px, @wcfNavigationHeaderBackgroundColor, 0); + } + } + } + } + } } /* navigation header / footer */ @@ -581,6 +598,27 @@ button.active:hover { } } } + + // rtl fix + html[dir='rtl'] { + .tabMenu { + > ul { + > li { + &.ui-state-active { + > a { + &::before { + .boxShadow(-2px, 1px, @wcfContainerBackgroundColor, 0); + } + + &::after { + .boxShadow(2px, 1px, @wcfContainerBackgroundColor, 0); + } + } + } + } + } + } + } } /* ### inputs ### */ @@ -771,6 +809,21 @@ select[multiple]:focus { } } } + + // rtl fix + html[dir='rtl'] { + .messageList { + .messageGroupStarter { + > .message.messageSidebarOrientationLeft::before { + .linearGradientNative(~"225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%"); + } + + > .message.messageSidebarOrientationRight::before { + .linearGradientNative(~"135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%"); + } + } + } + } } /* attachments */ diff --git a/wcfsetup/install/files/style/bbcode.less b/wcfsetup/install/files/style/bbcode.less index c8b8efc1a5..e42fda2153 100644 --- a/wcfsetup/install/files/style/bbcode.less +++ b/wcfsetup/install/files/style/bbcode.less @@ -55,6 +55,15 @@ } } +// rtl fix +html[dir='rtl'] { + .codeBox { + > div { + .boxShadowNative(~"inset -4em 0 0 " @wcfContainerBackgroundColor ~", inset -4.1em 0 0" lighten(@wcfContainerBorderColor, 10%)); + } + } +} + @media only screen and (max-width: 800px) { .codeBox { > div { diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less index 303b2878f1..46acc028ca 100644 --- a/wcfsetup/install/files/style/message.less +++ b/wcfsetup/install/files/style/message.less @@ -497,16 +497,23 @@ } } +@messageFooterNoteGradientColor: fade(@wcfContainerBorderColor, 20%); .messageFooterNote { border-left: 2px solid @wcfContainerBorderColor; color: @wcfDimmedColor; font-size: @wcfSmallFontSize; padding: @wcfGapTiny @wcfGapSmall; - @messageFooterNoteGradientColor: fade(@wcfContainerBorderColor, 20%); .linearGradientNative(~"90deg, @{messageFooterNoteGradientColor} 0%, transparent 40%"); } +// rtl fix +html[dir='rtl'] { + .messageFooterNote { + .linearGradientNative(~"270deg, @{messageFooterNoteGradientColor} 0%, transparent 40%"); + } +} + .messageHeader + .messageBody > div:first-child:not(.redactor_box), .messageBody > div:not(.messageFooter):not(:first-child) { border-top: 1px dotted @wcfContainerBorderColor; -- 2.20.1