diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-10-27 18:10:05 +0500 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2016-10-27 09:10:05 -0400 |
commit | 14ce471311fee2830be3cbd3a90179015f513719 (patch) | |
tree | 26db51b68ca27b6ba471cbd2b9286d0c70b5b6d5 /webapp/sass/responsive/_mobile.scss | |
parent | 4dca84c8b4e38dd13522ddaea5843b276dd77946 (diff) | |
download | chat-14ce471311fee2830be3cbd3a90179015f513719.tar.gz chat-14ce471311fee2830be3cbd3a90179015f513719.tar.bz2 chat-14ce471311fee2830be3cbd3a90179015f513719.zip |
Updating shift UI changes (#4326)
* Updating shift UI changes
* Adding border to last account settings item
* Fixing modals
Diffstat (limited to 'webapp/sass/responsive/_mobile.scss')
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 64 |
1 files changed, 56 insertions, 8 deletions
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 87ee837d1..b8d54715a 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -10,6 +10,50 @@ .filtered-user-list { max-height: 65vh !important; + + .filter-button { + .btn { + width: 100%; + } + } + } + + #header-popover { + @include box-shadow(none); + background: alpha-color($black, .8); + border: none; + height: 100%; + max-width: 100%; + position: fixed; + top: 47px; + width: 100%; + + .arrow { + display: none; + } + + .popover-content { + color: $white; + font-size: 15px; + padding: 15px 20px 100px; + } + + .close__icon { + @include border-radius(50%); + border: 1px solid $white; + bottom: 25px; + color: $white; + display: block; + font-size: 23px; + font-weight: 300; + height: 30px; + left: 50%; + line-height: 23px; + margin-left: -25px; + position: fixed; + text-align: center; + width: 30px; + } } .app__body { @@ -493,6 +537,10 @@ } .settings-modal { + .modal-body { + min-height: 100%; + } + &.display--content { .modal-header { display: none; @@ -598,7 +646,7 @@ .nav { > li { > a { - border-top: 1px solid transparent; + border-bottom: 1px solid transparent; font-size: 1.1em; line-height: 2.7; @@ -742,20 +790,20 @@ &:after { @include border-radius(50%); - background: alpha-color($black, .8); - border-bottom: 1px solid alpha-color($white, .3); + border: 1px solid $white; bottom: 25px; color: $white; - content: '×'; + content: '\D7'; display: block; - font-size: 30px; - height: 50px; + font-size: 23px; + font-weight: 300; + height: 30px; left: 50%; - line-height: 50px; + line-height: 27px; margin-left: -25px; position: fixed; text-align: center; - width: 50px; + width: 30px; } > li { |