From: Marcel Werk Date: Tue, 23 Aug 2016 15:53:28 +0000 (+0200) Subject: Improved styling of collapsed messages X-Git-Tag: 3.0.0_Beta_1~562 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a43f5bf75a6c806eb9cd13af704bc3e0fdd70db0;p=GitHub%2FWoltLab%2FWCF.git Improved styling of collapsed messages --- diff --git a/wcfsetup/install/files/style/bootstrap/mixin/list.scss b/wcfsetup/install/files/style/bootstrap/mixin/list.scss index fe55b0adf3..918b58f8f3 100644 --- a/wcfsetup/install/files/style/bootstrap/mixin/list.scss +++ b/wcfsetup/install/files/style/bootstrap/mixin/list.scss @@ -35,7 +35,7 @@ flex-wrap: wrap; > li { - flex: 0 auto; + flex: 0 0 auto; &:not(:last-child) { margin-right: 5px; diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss index 86d2b8b66a..5d2eb3e85c 100644 --- a/wcfsetup/install/files/style/ui/message.scss +++ b/wcfsetup/install/files/style/ui/message.scss @@ -155,6 +155,10 @@ .userCredits { display: none; } + + + .messageContent { + margin-top: 20px; + } } a { @@ -254,7 +258,6 @@ flex-direction: column; @include screen-sm-down { - margin-top: 20px; position: relative; } @@ -316,7 +319,13 @@ } .messageTitle { - @include wcfFontHeadline; + @include screen-sm-up { + @include wcfFontHeadline; + } + + @include screen-xs { + @include wcfFontDefault; + } color: $wcfContentHeadlineText; @@ -523,6 +532,14 @@ } } +.messageCollapsed { + @include screen-sm-down { + border-top: 1px solid $wcfContentBorderInner; + margin: 0 -10px; + padding: 30px 10px 0; + } +} + .messageReduced { .messageHeader { background-color: $wcfSidebarBackground;