diff options
author | Corey Hulen <corey@hulen.com> | 2015-11-16 17:55:12 -0800 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2015-11-16 17:55:12 -0800 |
commit | fd74098264e3ff84f3cdff2c79c323468c6500b6 (patch) | |
tree | 27e655637b817aa363ee6c98b406fa4c46981449 /web/sass-files/sass/partials/_headers.scss | |
parent | 51f59ec869415e6a4c8eeff0e29d14854f1ad434 (diff) | |
parent | 1610a11f43c4b88126b73c04c248f11d08da232d (diff) | |
download | chat-fd74098264e3ff84f3cdff2c79c323468c6500b6.tar.gz chat-fd74098264e3ff84f3cdff2c79c323468c6500b6.tar.bz2 chat-fd74098264e3ff84f3cdff2c79c323468c6500b6.zip |
Merge pull request #1445 from asaadmahmoodspin/ui-improvements
Multiple UI Improvements
Diffstat (limited to 'web/sass-files/sass/partials/_headers.scss')
-rw-r--r-- | web/sass-files/sass/partials/_headers.scss | 31 |
1 files changed, 15 insertions, 16 deletions
diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss index 67c938b8c..69bc56841 100644 --- a/web/sass-files/sass/partials/_headers.scss +++ b/web/sass-files/sass/partials/_headers.scss @@ -1,8 +1,5 @@ #channel-header { - padding: 3px 0; - height: 58px; - flex: 0 0 58px; - @include flex(0 0 50px); + @include flex(0 0 56px); } .row { &.header { @@ -45,9 +42,9 @@ text-overflow: ellipsis; margin-top: 2px; max-height: 45px; - .markdown-inline-img { - max-height: 45px - } + .markdown-inline-img { + max-height: 45px + } } &.popover { white-space: normal; @@ -97,7 +94,7 @@ .sidebar--left, .sidebar--menu { .team__header { position: relative; - padding: 10px; + padding: 9px 10px; @include legacy-pie-clearfix; &:before { @include single-transition(all, 0.05s, linear); @@ -125,7 +122,7 @@ .navbar-right { font-size: 0.85em; position: absolute; - top: 11px; + top: 10px; right: 22px; z-index: 5; .dropdown-toggle { @@ -217,7 +214,7 @@ width:100%; border-left: none; font-size: 14px; - line-height: 50px; + line-height: 56px; #member_popover { margin-right: 5px; width: 45px; @@ -296,17 +293,19 @@ .channel-header__links { height: 32px; - vertical-align: top; - display: inline-block; - width: 15px; - margin: 9px 6px 3px 0; - a { + width: 32px; + @include border-radius(50px); + border: 1px solid #ccc; + margin-right: 10px; + > a { + @include border-radius(50px); height: 100%; display: block; + @include single-transition(all, 0.1s, ease-in); } svg { vertical-align: top; - margin-top: 8px; + margin: 7px 0 0 0px; fill: inherit; } } |