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/_search.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/_search.scss')
| -rw-r--r-- | web/sass-files/sass/partials/_search.scss | 37 |
1 files changed, 25 insertions, 12 deletions
diff --git a/web/sass-files/sass/partials/_search.scss b/web/sass-files/sass/partials/_search.scss index 794358320..0d005bfe2 100644 --- a/web/sass-files/sass/partials/_search.scss +++ b/web/sass-files/sass/partials/_search.scss @@ -1,23 +1,37 @@ .search-bar__container { padding: 8px 8px 8px 0; } -.sidebar__collapse { - width: auto; - height: auto; +.search__clear { + display: none; position: absolute; - top: 1px; - right: 15px; + right: 0; + line-height: 45px; + margin-right: 13px; + z-index: 5; + cursor: pointer; +} +.sidebar__collapse { cursor: pointer; - padding: 1em 0; z-index: 5; + fill: #FFF; + position: absolute; + left: 0; + font-size: 33px; + width: 45px; + @include single-transition(all, 0.2s, linear); + @include translateX(0px); + text-align: center; + padding-right: 2px; + line-height: 42px; display: none; } .sidebar__search-icon { position: absolute; - left: 15px; - top: 18px; - font-size: 16px; - @include opacity(0.8); + top: 15px; + margin-left: 10px; + font-size: 14px; + color: #fff; + color: rgba(#fff, 0.5); display: none; } .search__form { @@ -30,9 +44,8 @@ .sidebar--right & { width: 100%; } - .search-bar-box { + .search-bar { height: 40px; - border: 1px solid #ddd; padding-right: 30px; box-shadow: none; .search-bar__container & { |