diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/base/_structure.scss | 1 | ||||
-rw-r--r-- | webapp/sass/components/_scrollbar.scss | 16 | ||||
-rw-r--r-- | webapp/sass/components/_status-icon.scss | 2 | ||||
-rw-r--r-- | webapp/sass/layout/_sidebar-left.scss | 35 | ||||
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 2 |
5 files changed, 53 insertions, 3 deletions
diff --git a/webapp/sass/base/_structure.scss b/webapp/sass/base/_structure.scss index df7d75329..b29cfa424 100644 --- a/webapp/sass/base/_structure.scss +++ b/webapp/sass/base/_structure.scss @@ -52,6 +52,7 @@ body { @include legacy-pie-clearfix; height: 100%; position: relative; + -webkit-overflow-scrolling: touch; } .channel-view { diff --git a/webapp/sass/components/_scrollbar.scss b/webapp/sass/components/_scrollbar.scss index 66b476166..5c8f06a2d 100644 --- a/webapp/sass/components/_scrollbar.scss +++ b/webapp/sass/components/_scrollbar.scss @@ -24,6 +24,22 @@ body { scrollbar-shadow-color: #2D2C4D; scrollbar-track-color: rgba(0, 0, 0, .1); } + + .ps { + > .ps__scrollbar-y-rail { + > .ps__scrollbar-y { + width: 6px !important; + } + } + + &:hover { + > .ps__scrollbar-y-rail { + &:hover { + background: transparent; + } + } + } + } } .scrollbar--horizontal, diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss index ea87461c0..2e1ba61b3 100644 --- a/webapp/sass/components/_status-icon.scss +++ b/webapp/sass/components/_status-icon.scss @@ -27,7 +27,7 @@ @include opacity(1); font-size: 10px; position: relative; - top: 2px; + top: 4px; } } diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index 9323253c7..ed587305a 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/webapp/sass/layout/_sidebar-left.scss @@ -47,6 +47,7 @@ border-top: 1px solid; bottom: 0; display: block; + padding-bottom: 0; position: absolute; width: 100%; @@ -243,7 +244,39 @@ } } - @import "../components/status-icon"; + .status-wrapper { + .status { + bottom: -9px; + height: 18px; + right: -5px; + width: 18px; + + svg { + top: 3px; + max-height: 12px; + } + + .icon__container { + position: relative; + top: 3px; + + &:after { + border-radius: 20px; + content: ''; + height: 9px; + left: 5px; + position: absolute; + top: 2px; + width: 9px; + } + + svg { + top: 0; + z-index: 1; + } + } + } + } } .channel-loading-gif { diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index ce11cf18b..ee1532933 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1053,7 +1053,7 @@ } .nav-pills__container { - height: calc(100% - 50px); + height: calc(100% - 42px); } > div { |