diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-07-10 22:27:35 +0500 |
---|---|---|
committer | Saturnino Abril <saturnino.abril@gmail.com> | 2017-07-11 01:27:35 +0800 |
commit | 9a7453e20853c9fe347a17524e58a183afffcab8 (patch) | |
tree | 28aedcc11008a87669a86c271fd2e42cc02f8ce3 /webapp | |
parent | e5912d4f9504590d4256777b7e94686de2588a6d (diff) | |
download | chat-9a7453e20853c9fe347a17524e58a183afffcab8.tar.gz chat-9a7453e20853c9fe347a17524e58a183afffcab8.tar.bz2 chat-9a7453e20853c9fe347a17524e58a183afffcab8.zip |
Minor UI updates (#6884)
Diffstat (limited to 'webapp')
-rw-r--r-- | webapp/sass/components/_search.scss | 4 | ||||
-rw-r--r-- | webapp/sass/components/_status-icon.scss | 8 | ||||
-rw-r--r-- | webapp/sass/layout/_sidebar-left.scss | 14 | ||||
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 7 |
4 files changed, 18 insertions, 15 deletions
diff --git a/webapp/sass/components/_search.scss b/webapp/sass/components/_search.scss index e7fab0290..c9b8d4c02 100644 --- a/webapp/sass/components/_search.scss +++ b/webapp/sass/components/_search.scss @@ -78,8 +78,8 @@ top: 27px; .search-bar__container & { - right: 7px; - top: 8px; + right: 12px; + top: 11px; } } } diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss index 03d9d0705..022cffa69 100644 --- a/webapp/sass/components/_status-icon.scss +++ b/webapp/sass/components/_status-icon.scss @@ -49,14 +49,14 @@ &.status--group { border-radius: 2px; - font-size: 11px; + font-size: 10px; font-weight: 600; - height: 16px; + height: 15px; left: 1px; - line-height: 15px; + line-height: 14px; margin: 0 9px 0 -1px; text-align: center; - top: -1px; + top: -2px; width: 15px; .mentions__name & { diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index cc0c4920f..4be608803 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/webapp/sass/layout/_sidebar-left.scss @@ -37,7 +37,7 @@ .sidebar-item__name { display: inline-block; - max-width: 167px; + max-width: 160px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; @@ -81,8 +81,8 @@ @include single-transition(all, .15s, ease-in); display: block; font-weight: 600; - height: 50px; - line-height: 50px; + height: 45px; + line-height: 40px; padding: 0; text-decoration: none; width: 100%; @@ -144,7 +144,7 @@ .nav-pills__container { -webkit-overflow-scrolling: touch; - height: calc(100% - 120px); + height: calc(100% - 115px); overflow: auto; position: relative; } @@ -215,6 +215,10 @@ &.has-close { &:hover { + .sidebar-item__name { + max-width: 152px; + } + .btn-close { @include opacity(.8); display: block; @@ -228,7 +232,7 @@ font-size: 21px; font-weight: 600; position: absolute; - right: 18px; + right: 15px; top: 0px; &:hover { diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 28b28a8f9..f48c15b16 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1021,9 +1021,8 @@ .icon--refresh { @include opacity(.6); - color: $black; - right: 30px; - top: 15px; + right: 16px; + top: 9px; } .form-control { @@ -1075,7 +1074,7 @@ } .nav-pills__container { - height: calc(100% - 60px); + height: calc(100% - 55px); } > div { |