diff options
author | Joram Wilander <jwawilander@gmail.com> | 2015-07-29 11:48:07 -0400 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2015-07-29 11:48:07 -0400 |
commit | 27dbcd8767426a60699d2acbeeb9b8a825d5b728 (patch) | |
tree | f2cf511b15990bd01bfde349016388af39f8d340 /web/sass-files/sass/partials/_responsive.scss | |
parent | bf1ef5bbfe6801f7c58bb29dacaaae378b9c5efc (diff) | |
parent | 1e0abf74a3cfea6a540e922abf6e038018160fc4 (diff) | |
download | chat-27dbcd8767426a60699d2acbeeb9b8a825d5b728.tar.gz chat-27dbcd8767426a60699d2acbeeb9b8a825d5b728.tar.bz2 chat-27dbcd8767426a60699d2acbeeb9b8a825d5b728.zip |
Merge pull request #275 from asaadmahmoodspin/mm-1762
MM-1762 - Search improvements with some other minor Ui changes
Diffstat (limited to 'web/sass-files/sass/partials/_responsive.scss')
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 44 |
1 files changed, 25 insertions, 19 deletions
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 719934638..f3f9cd477 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -448,28 +448,39 @@ } } .search-bar__container { - padding: 10px 8px 13px; + padding: 0; + height: 45px; background: $primary-color; color: #fff; + &.focused { + .sidebar__collapse { + @include translateX(-45px); + } + .search__form { + padding-left: 10px; + padding-right: 67px; + } + .search__clear { + display: block; + } + } .search__form { border: none; - padding: 0 60px 0 35px; + padding: 7px 20px 0 45px; + height: 45px; + position: relative; + @include single-transition(all, 0.2s, linear); .form-control { - line-height: normal; - background: none; + border: none; + padding: 0 10px 0 31px; + background: rgba(black, 0.2); + @include border-radius(3px); color: #fff; - border-radius: 0; - padding: 0; - border-bottom: 1px solid #FFF; - border-bottom: 1px solid rgba(#fff, 0.4); - &:focus { - border-bottom: 1px solid rgba(#fff, 0.8); - } } input[type=text] { - @include input-placeholder { + @include input-placeholder { color: #fff; - color: rgba(#fff, 0.6); + color: rgba(#fff, 0.5); } } } @@ -550,11 +561,6 @@ .sidebar--right__close { display: none; } - .search__form { - .glyphicon { - color: #fff; - } - } } .inner__wrap { &.move--right { @@ -650,7 +656,7 @@ display: block; } .access__report { - margin: 0 0 15px 15px; + margin: 0 0 15px 15px; } .access__date { div { |