Updated quote styling

diff --git a/wcfsetup/install/files/style/bbcode/quote.scss b/wcfsetup/install/files/style/bbcode/quote.scss
index 1aa6abae7269e7da3e62d81d9c7aa4ec2b0cb09f..871a69944ded419d717110da77b516b53a2c5dc9 100644 (file)
--- 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 b2f5c8ec879ae952184275425120f024e5064ded..6caaac220d6944891067a254bd89ad0bf2c1370a 100644 (file)
--- 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;
                }
        }