diff options
author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-04-13 17:33:42 +0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-04-13 08:33:42 -0400 |
commit | 51549cc0b261bb113f73976adcadd50048f54233 (patch) | |
tree | b8ac23a7618b54805b4ff864d7a1116ceefbff02 /webapp/sass | |
parent | 76c4bebf9f6b1a56cc0a3243e7301d3c65dd8fb6 (diff) | |
download | chat-51549cc0b261bb113f73976adcadd50048f54233.tar.gz chat-51549cc0b261bb113f73976adcadd50048f54233.tar.bz2 chat-51549cc0b261bb113f73976adcadd50048f54233.zip |
Adding react scrollbar to the RHS thread (#2693)
* Adding scrollbar to the RHS thread
* Fixing the RHS thread scrolling issue
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_error-bar.scss | 26 | ||||
-rw-r--r-- | webapp/sass/components/_scrollbar.scss | 8 |
2 files changed, 21 insertions, 13 deletions
diff --git a/webapp/sass/components/_error-bar.scss b/webapp/sass/components/_error-bar.scss index cda7d25bd..cf940b59a 100644 --- a/webapp/sass/components/_error-bar.scss +++ b/webapp/sass/components/_error-bar.scss @@ -10,20 +10,22 @@ width: 100%; z-index: 9999; - &__close { - color: $white; - font-family: 'Open Sans', sans-serif; - font-size: 20px; - font-weight: 600; - padding: 0 10px; - position: absolute; - right: 0; - text-decoration: none; - top: 0; - - &:hover { + a { + &.error-bar__close { color: $white; + font-family: 'Open Sans', sans-serif; + font-size: 20px; + font-weight: 600; + padding: 0 10px; + position: absolute; + right: 0; text-decoration: none; + top: 0; + + &:hover { + color: $white; + text-decoration: none; + } } } } diff --git a/webapp/sass/components/_scrollbar.scss b/webapp/sass/components/_scrollbar.scss index 0bb0e7e21..b6ec4f22f 100644 --- a/webapp/sass/components/_scrollbar.scss +++ b/webapp/sass/components/_scrollbar.scss @@ -22,4 +22,10 @@ body { scrollbar-highlight-color: #7D7E94; scrollbar-shadow-color: #2D2C4D; scrollbar-track-color: rgba(0, 0, 0, .1); -}
\ No newline at end of file +} + +.scrollbar--horizontal, +.scrollbar--vertical { + @include border-radius(2px); + @include alpha-property(background-color, $black, .5); +} |