Improve gradients for Safari

This commit is contained in:
J. Ryan Stinnett 2019-02-13 15:06:24 +00:00
parent f64f39f773
commit 5f6907c85e
4 changed files with 6 additions and 2 deletions

View file

@ -152,7 +152,7 @@ limitations under the License.
&.mx_IndicatorScrollbar_topOverflow::before { &.mx_IndicatorScrollbar_topOverflow::before {
top: 0; top: 0;
transition: background-image 0.1s ease-in; 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);
} }
/* /*

View file

@ -36,7 +36,7 @@ limitations under the License.
top: 0; top: 0;
right: 0; right: 0;
height: 100%; 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 { .mx_RoomBreadcrumbs_animate {

View file

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

View file

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