diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-12-14 08:25:10 +0500 |
---|---|---|
committer | enahum <nahumhbl@gmail.com> | 2016-12-14 00:25:10 -0300 |
commit | 973585450378a457a94824b7852c7ab7194e2b3e (patch) | |
tree | 87854bd5a83ecd5e48a41ff8bd093618692bddc7 /webapp/sass/layout | |
parent | 86fb0d87a3a09b237bec124ce0e74cd05aa164be (diff) | |
download | chat-973585450378a457a94824b7852c7ab7194e2b3e.tar.gz chat-973585450378a457a94824b7852c7ab7194e2b3e.tar.bz2 chat-973585450378a457a94824b7852c7ab7194e2b3e.zip |
Ui improvements (#4780)
* PLT-4897 - Updating styles for emoji reactions
* PLT-4971 - Fixing help and attachment buttons
* PLT-4931 - Fixing UI for user list in system console
* Fixing a bug with the new messages indicator
Diffstat (limited to 'webapp/sass/layout')
-rw-r--r-- | webapp/sass/layout/_post.scss | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 0436af6c5..235794eee 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -268,6 +268,7 @@ position: absolute; right: 0; text-align: center; + visibility: hidden; z-index: 1; .fa { @@ -287,6 +288,7 @@ &.visible { @include opacity(1); + visibility: visible; } &.disabled { @@ -416,12 +418,12 @@ .btn-file { @include opacity(.5); @include single-transition(all, .15s); - color: #444444; font-size: 16px; padding: 7px 9px 6px; position: absolute; right: 0; top: 1px; + z-index: 5; svg { height: 18px; @@ -1257,18 +1259,26 @@ } .post-reaction { + @include user-select(none); + @include border-radius(3px); border: 1px solid $primary-color; - border-radius: 3px; cursor: pointer; display: inline-block; - padding: 1px 2px; - @include user-select(none); + font-size: 11px; + height: 23px; + padding: 0 4px 0 3px; .post-reaction__emoji { - height: 14px; - margin-top: 3px; - width: 14px; + height: 16px; + margin: 2px 3px 0 0; vertical-align: top; + width: 16px; + } + + .post-reaction__count { + line-height: 10px; + position: relative; + top: 3px; } & + & { @@ -1276,6 +1286,8 @@ } &--current-user { - // background-colour set by theme code + .post-reaction__count { + font-weight: 600; + } } } |