diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-04-17 06:27:15 +0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2017-04-16 21:27:15 -0400 |
commit | 62974f19cd0025a3a5098741210f1b61b08765a9 (patch) | |
tree | 39924b82639900382437e322b2121bc2bd6ec753 /webapp/sass/components | |
parent | 74ffb6f98f7ee8b4e61743919ab20460c57ad4da (diff) | |
download | chat-62974f19cd0025a3a5098741210f1b61b08765a9.tar.gz chat-62974f19cd0025a3a5098741210f1b61b08765a9.tar.bz2 chat-62974f19cd0025a3a5098741210f1b61b08765a9.zip |
Ui improvements (#6089)
* PLT-6084 - Fixing emoji reaction overflow
* PLT-6158 - Fixing pinned badge alignment in RHS
* PLT-6306 - Post alignment in compact view
* PLT-6266 - Adjusting spacing for files (compact)
* PLT-6245 - Adjusting spacing in emoji screen modal
* PLT-6237 - Adjusting filter in system console
* PLT-6247 - Adjusting spacing on code block tag
* PLT-6302 - Margins not equal for paragraphs in post
Diffstat (limited to 'webapp/sass/components')
-rw-r--r-- | webapp/sass/components/_emoticons.scss | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss index cf8815a24..df4bbc158 100644 --- a/webapp/sass/components/_emoticons.scss +++ b/webapp/sass/components/_emoticons.scss @@ -240,6 +240,7 @@ margin: 3px; } } + .emojisprite-wrapper { cursor: pointer; } @@ -247,30 +248,33 @@ .emoji-picker__preview { border-top: 1px solid; display: table-cell; - vertical-align: middle; flex-grow: 0; flex-shrink: 0; - height:45px; - width: 278px; + height: 45px; padding: 3px 10px; + vertical-align: middle; + width: 278px; &.emoji-picker__preview-placeholder { padding: 12px; } - .emoji-picker__preview-image-box { + > div { display: table-cell; vertical-align: middle; + } + + .emoji-picker__preview-image-box { height: 36px; width: 42px; .sprite-preview { + border: none; + display: inline-block; height: 36px; - width: 36px; + padding: 0; vertical-align: middle; - padding: 0px; - border: 0px; - display: inline-block; + width: 36px; } } |