From de48157a0ac813f0c251c2c1a78176bad595e166 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Sat, 26 Mar 2016 12:40:56 +0100 Subject: [PATCH] Updated quote styling --- .../install/files/style/bbcode/quote.scss | 49 +++++++++---------- wcfsetup/install/files/style/ui/redactor.scss | 12 +++-- 2 files changed, 31 insertions(+), 30 deletions(-) diff --git a/wcfsetup/install/files/style/bbcode/quote.scss b/wcfsetup/install/files/style/bbcode/quote.scss index 1aa6abae72..871a69944d 100644 --- a/wcfsetup/install/files/style/bbcode/quote.scss +++ b/wcfsetup/install/files/style/bbcode/quote.scss @@ -1,15 +1,14 @@ .quoteBox { - border-left: 2px solid $wcfContentBorder; - padding: 10px; - margin: 10px 0; + border: 1px solid $wcfContentBorderInner; + font-style: italic; + margin: 20px 0; + padding: 10px 20px; &:first-child { margin-top: 0; } .quoteBox { - margin-left: 10px; - > .quoteBoxHeader > .quoteBoxIcon { display: none; } @@ -19,28 +18,28 @@ .quoteBoxHeader { align-items: center; display: flex; - margin-bottom: 10px; -} - -.quoteBoxIcon { - flex: 0 0 auto; - min-height: 36px; + font-style: normal; + margin-bottom: 20px; - > a { - display: block; - font-size: 0; - margin-right: 5px; + .quoteBoxIcon { + flex: 0 0 auto; + + > a { + display: block; + font-size: 0; + margin-right: 5px; + } + + > .icon { + margin-right: 7px; + position: relative; + top: 2px; + } } - > .icon { - margin-right: 7px; - position: relative; - top: 10px; + .quoteBoxTitle { + flex: 1 auto; + + @include wcfFontHeadline; } } - -.quoteBoxTitle { - flex: 1 auto; - - @include wcfFontHeadline; -} diff --git a/wcfsetup/install/files/style/ui/redactor.scss b/wcfsetup/install/files/style/ui/redactor.scss index b2f5c8ec87..6caaac220d 100644 --- a/wcfsetup/install/files/style/ui/redactor.scss +++ b/wcfsetup/install/files/style/ui/redactor.scss @@ -100,8 +100,9 @@ content: attr(data-quote-header); cursor: pointer; display: block; - margin-bottom: 10px; - padding-right: 20px; + font-style: normal; + margin-bottom: 20px; + padding-right: 25px; @include wcfFontHeadline; } @@ -109,10 +110,11 @@ &::after { content: $fa-var-pencil; font-family: FontAwesome; - font-size: $wcfFontSizeHeadline; // TODO position: absolute; - right: 10px; - top: 10px; + right: 4px; + top: 0; + + @include wcfFontHeadline; } } -- 2.20.1