From 51549cc0b261bb113f73976adcadd50048f54233 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Wed, 13 Apr 2016 17:33:42 +0500 Subject: Adding react scrollbar to the RHS thread (#2693) * Adding scrollbar to the RHS thread * Fixing the RHS thread scrolling issue --- webapp/sass/components/_error-bar.scss | 26 ++++++++++++++------------ webapp/sass/components/_scrollbar.scss | 8 +++++++- 2 files changed, 21 insertions(+), 13 deletions(-) (limited to 'webapp/sass') 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); +} -- cgit v1.2.3-1-g7c22