diff options
author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-07-06 00:30:38 +0500 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2016-07-05 15:30:38 -0400 |
commit | 71bd413b257afd376e1e6fb4c229f70bdb9381c1 (patch) | |
tree | bc1a093963098f7493d0a58eca4e1909135dc979 /webapp | |
parent | b0514fb559b0d71ca5dd8e3a68fe4bdecba1ebd0 (diff) | |
download | chat-71bd413b257afd376e1e6fb4c229f70bdb9381c1.tar.gz chat-71bd413b257afd376e1e6fb4c229f70bdb9381c1.tar.bz2 chat-71bd413b257afd376e1e6fb4c229f70bdb9381c1.zip |
PLT-3458- Improving css for custom emoji (#3492)
Diffstat (limited to 'webapp')
-rw-r--r-- | webapp/sass/routes/_backstage.scss | 44 |
1 files changed, 35 insertions, 9 deletions
diff --git a/webapp/sass/routes/_backstage.scss b/webapp/sass/routes/_backstage.scss index 5d7942184..c74671231 100644 --- a/webapp/sass/routes/_backstage.scss +++ b/webapp/sass/routes/_backstage.scss @@ -55,32 +55,62 @@ list-style: none; padding: 0; } + + > ul { + @include clearfix; + @include border-radius(2px); + border-left: 1px solid $light-gray; + border-right: 1px solid $light-gray; + } } .backstage-sidebar__category { - border: 1px solid $light-gray; + + + .backstage-sidebar__category { + .category-title { + border-top: none; + } + } .category-title { + border-bottom: 1px solid $light-gray; + border-top: 1px solid $light-gray; color: $black; display: block; - line-height: 36px; + line-height: 35px; padding: 0 10px; position: relative; + + .fa { + @include opacity(.5); + position: relative; + text-align: center; + top: 1px; + width: 20px; + } + + .fa-smile-o { + font-size: 17px; + } } .category-title--active { background-color: $primary-color; color: $white; + + .fa { + @include opacity(1); + } } .category-title__text { - left: 2em; + left: 2.5em; position: absolute; } .sections { background: $white; - border-top: 1px solid $light-gray; + border-bottom: 1px solid $light-gray; } .section-title, @@ -104,13 +134,9 @@ } } -.backstage-sidebar__category + .backstage-sidebar__category { - margin-top: 1em; -} - .backstage-header__divider { - margin: 0 10px; color: $gray; + margin: 0 10px; } .backstage-header { |