diff options
| author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-12-19 17:40:48 +0500 |
|---|---|---|
| committer | Joram Wilander <jwawilander@gmail.com> | 2016-12-19 07:40:48 -0500 |
| commit | 3ce2ce9dc882ed962dc3ce7550bdb07963f376b6 (patch) | |
| tree | 9eb1763b275c14e06386783a6ac3b56eee45b9c6 /webapp/sass | |
| parent | 7da4b402df79c32bcfdc8fe0264e4a406d1ad8fa (diff) | |
| download | chat-3ce2ce9dc882ed962dc3ce7550bdb07963f376b6.tar.gz chat-3ce2ce9dc882ed962dc3ce7550bdb07963f376b6.tar.bz2 chat-3ce2ce9dc882ed962dc3ce7550bdb07963f376b6.zip | |
Ui improvements (#4815)
* PLT-4369 - Fixing scroll on mobile in the RHS
* PLT-4924 - Fixing file thumbnail UX
Diffstat (limited to 'webapp/sass')
| -rw-r--r-- | webapp/sass/components/_files.scss | 30 | ||||
| -rw-r--r-- | webapp/sass/layout/_sidebar-menu.scss | 1 | ||||
| -rw-r--r-- | webapp/sass/responsive/_mobile.scss | 1 |
3 files changed, 16 insertions, 16 deletions
diff --git a/webapp/sass/components/_files.scss b/webapp/sass/components/_files.scss index e710838b1..f4911ef8e 100644 --- a/webapp/sass/components/_files.scss +++ b/webapp/sass/components/_files.scss @@ -20,11 +20,21 @@ position: relative; width: 120px; + &:after { + @include opacity(0); + @include alpha-property(background, $black, .4); + content: ''; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; + } + &:hover { - .file-preview__remove { - &:after { - @include opacity(1); - } + &:after { + @include opacity(1); } } @@ -56,18 +66,6 @@ top: 0; width: 100%; - &:after { - @include opacity(0); - @include alpha-property(background, $black, .4); - content: ''; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; - } - i { color: $white; cursor: pointer; diff --git a/webapp/sass/layout/_sidebar-menu.scss b/webapp/sass/layout/_sidebar-menu.scss index b01588ee0..4af2f6243 100644 --- a/webapp/sass/layout/_sidebar-menu.scss +++ b/webapp/sass/layout/_sidebar-menu.scss @@ -1,6 +1,7 @@ @charset 'UTF-8'; .sidebar--menu { + -webkit-overflow-scrolling: touch; background: #fafafa; border-right: $border-gray; display: none; diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 9d76f7010..66f9550d7 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -47,6 +47,7 @@ > div { &:first-child { + -webkit-overflow-scrolling: touch; height: calc(100vh - 150px); overflow: auto; } |