diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-08-16 23:54:11 +0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-08-16 14:54:11 -0400 |
commit | 4ef5c1bfb335e41e06e6fb0f0d9d99838ea064e6 (patch) | |
tree | 9be91cea46b754faaecf6f917c81c3981bba77ee /webapp/sass | |
parent | ccf9778520e2c0331f1836fb5232680f985a6889 (diff) | |
download | chat-4ef5c1bfb335e41e06e6fb0f0d9d99838ea064e6.tar.gz chat-4ef5c1bfb335e41e06e6fb0f0d9d99838ea064e6.tar.bz2 chat-4ef5c1bfb335e41e06e6fb0f0d9d99838ea064e6.zip |
Multiple UI Improvements (#3804)
* PLT-3834 - Updating Manage members modal for mobile
* PLT-3792 - Making compact view compatible with search and flagged posts RHS
* PLT-3910 - Improving suggestions separator
* PLT-3769 - Enabling markdown headings in compact view
* Updating view members text in en..json
* Removing shouldcomponentupdate from search_results_item.jsx
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_mentions.scss | 15 | ||||
-rw-r--r-- | webapp/sass/components/_suggestion-list.scss | 11 | ||||
-rw-r--r-- | webapp/sass/layout/_post.scss | 4 |
3 files changed, 15 insertions, 15 deletions
diff --git a/webapp/sass/components/_mentions.scss b/webapp/sass/components/_mentions.scss index 17f67d080..5df6e4431 100644 --- a/webapp/sass/components/_mentions.scss +++ b/webapp/sass/components/_mentions.scss @@ -13,10 +13,9 @@ @include clearfix; cursor: pointer; font-size: 13px; - height: 39px; - line-height: 35px; + line-height: 20px; margin: 0; - padding: 3px 8px; + padding: 6px 10px; position: relative; white-space: nowrap; width: 100%; @@ -30,14 +29,14 @@ } .mention__image { - @include border-radius(32px); + @include border-radius(20px); display: block; - font-size: 20px; - height: 32px; - line-height: 36px; + font-size: 15px; + height: 20px; + line-height: 20px; margin-right: 6px; text-align: center; - width: 32px; + width: 20px; .mention--align { display: inline-block; diff --git a/webapp/sass/components/_suggestion-list.scss b/webapp/sass/components/_suggestion-list.scss index c995d5ebf..3fdff10d5 100644 --- a/webapp/sass/components/_suggestion-list.scss +++ b/webapp/sass/components/_suggestion-list.scss @@ -17,6 +17,7 @@ max-height: 292px; overflow-x: hidden; overflow-y: scroll; + padding-bottom: 5px; width: 100%; .command { @@ -47,7 +48,7 @@ .suggestion-list__divider { line-height: 21px; - margin: 5px 0px 0px 5px; + margin: 5px 0 5px 5px; position: relative; &:first-child { @@ -55,10 +56,10 @@ } > span { - color: rgba(51,51,51,0.7); - background: #f2f4f8; + @include opacity(.7); display: inline-block; - padding-right: 10px; + font-size: .9em; + padding: 0 10px 0 5px; position: relative; z-index: 5; } @@ -70,7 +71,7 @@ height: 1px; left: 0; position: absolute; - top: 10px; + top: 11px; width: 100%; } } diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 8513f779a..d894848c9 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -545,8 +545,8 @@ body.ios { } .markdown__heading { - font-size: 1em; - margin: 0 0 7px; + clear: both; + margin: 7px 0; } .post__header { |