mirror of https://github.com/vector-im/riot-web
Improve gradients for Safari
parent
f64f39f773
commit
5f6907c85e
|
@ -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);
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue