Improve gradients for Safari

matrix-org · Feb 13, 2019 · 5f6907c · 5f6907c
1 parent f64f39f
commit 5f6907c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
@@ -152,7 +152,7 @@ limitations under the License.
     &.mx_IndicatorScrollbar_topOverflow::before {
         top: 0;
         transition: background-image 0.1s ease-in;
-        background: linear-gradient(to top, rgba(242,245,248,0), $header-panel-bg-color);
+        background: linear-gradient(to top, $panel-gradient);
     }
 
 /*

diff --git a/res/css/views/rooms/_RoomBreadcrumbs.scss b/res/css/views/rooms/_RoomBreadcrumbs.scss
@@ -36,7 +36,7 @@ limitations under the License.
         top: 0;
         right: 0;
         height: 100%;
-        background: linear-gradient(to right, rgba(242,245,248,0), $header-panel-bg-color);
+        background: linear-gradient(to right, $panel-gradient);
     }
 
     .mx_RoomBreadcrumbs_animate {

diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
@@ -122,6 +122,8 @@ $button-danger-disabled-bg-color: #f5b6bb; // TODO: Verify color
 
 $room-warning-bg-color: $header-panel-bg-color;
 
+$panel-gradient: rgba(34, 38, 46, 0), rgba(34, 38, 46, 1);
+
 /*** form elements ***/
 
 // .mx_textinput is a container for a text input

diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
@@ -249,6 +249,8 @@ $authpage-lang-color: #4e5054;
 $authpage-primary-color: #454545;
 $authpage-secondary-color: #61708b;
 
+$panel-gradient: rgba(242, 245, 248, 0), rgba(242, 245, 248, 1);
+
 /*** form elements ***/
 
 // .mx_textinput is a container for a text input