From 23ac5e7b45abdaf4da72494d6b0b5ac23a077a2a Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Thu, 31 Aug 2017 16:56:17 +0200 Subject: [PATCH] Improved visuals for ignored messages on mobile --- .../install/files/style/ui/userIgnore.scss | 30 +++++++++++++------ 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/wcfsetup/install/files/style/ui/userIgnore.scss b/wcfsetup/install/files/style/ui/userIgnore.scss index 7292c299e6..00f115638a 100644 --- a/wcfsetup/install/files/style/ui/userIgnore.scss +++ b/wcfsetup/install/files/style/ui/userIgnore.scss @@ -11,19 +11,31 @@ } .ignoredUserMessage { - background-color: $wcfStatusInfoBackground !important; - border-left: 5px solid $wcfStatusInfoBorder !important; - color: $wcfStatusInfoText !important; - cursor: pointer !important; - - &::before { - content: attr(data-ignored-user-message); + @include screen-md-up { + background-color: $wcfStatusInfoBackground !important; + border-left: 5px solid $wcfStatusInfoBorder !important; + color: $wcfStatusInfoText !important; + cursor: pointer !important; - @include screen-md-up { + &::before { + content: attr(data-ignored-user-message); padding: 10px 20px; + } + } + + @include screen-sm-down { + border-top: 1px solid $wcfContentBorder; + margin: 0 -10px; + padding-top: 30px; - @include screen-sm-down { + &::before { + background-color: $wcfStatusInfoBackground !important; + border-left: 5px solid $wcfStatusInfoBorder !important; + color: $wcfStatusInfoText !important; + content: attr(data-ignored-user-message); + cursor: pointer !important; + display: block; padding: 10px; } } -- 2.20.1