diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_buttons.scss | 4 | ||||
-rw-r--r-- | webapp/sass/components/_modal.scss | 2 | ||||
-rw-r--r-- | webapp/sass/layout/_post.scss | 42 |
3 files changed, 31 insertions, 17 deletions
diff --git a/webapp/sass/components/_buttons.scss b/webapp/sass/components/_buttons.scss index 5d95759a2..326640148 100644 --- a/webapp/sass/components/_buttons.scss +++ b/webapp/sass/components/_buttons.scss @@ -18,6 +18,10 @@ &.btn-danger { color: $white; + .app__body & { + color: $white; + } + &:hover, &:focus, &:active { diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss index aea8ac272..43d0cd98f 100644 --- a/webapp/sass/components/_modal.scss +++ b/webapp/sass/components/_modal.scss @@ -20,8 +20,8 @@ overflow: visible; .custom-textarea { - min-height: 8em; max-height: 60vh; + min-height: 8em; } .suggestion-list__content { diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 445ab9511..85447e534 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -170,25 +170,35 @@ body.ios { } } -.post-list__new-messages-below{ - background-color: #9fa5ad; - border-radius: 1em; - bottom: 0; - color: white; - cursor: pointer; - display: inline-block; - left: 50%; - padding: .25em .75em; - position: absolute; - transform: translateX(-50%); - transition: bottom .5s cubic-bezier(0.86, 0, 0.07, 1); - &[hidden]{ - bottom: -30px; - } +.post-list__new-messages-below { + @include single-transition(bottom .5s cubic-bezier(86, 0, 07, 1)); + @include opacity(.9); + background-color: $black; + border-radius: 1em; + bottom: 10px; + color: $white; + cursor: pointer; + display: inline-block; + left: 50%; + padding: .3em .75em; + position: absolute; + transform: translateX(-50%); + + &[hidden] { + bottom: -30px; + } + + .fa { + font-size: 17px; + font-weight: bold; + margin-right: 1px; + position: relative; + top: 1px; + } } .file-overlay { - color: #ffffff; + color: $white; font-size: em(20px); font-weight: 600; height: 100%; |