Fixed sticky bar styling in Safari

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/58625
This commit is contained in:
Phil Hughes 2019-03-08 10:30:42 +00:00
parent 45b3c5420c
commit cf05e49f19
No known key found for this signature in database
GPG Key ID: 32245528C52E0F9F
4 changed files with 7 additions and 1 deletions

View File

@ -102,6 +102,6 @@
"selector-pseudo-element-no-unknown":true,
"shorthand-property-no-redundant-values":true,
"string-quotes":"single",
"value-no-vendor-prefix":true
"value-no-vendor-prefix":[true, { ignoreValues: ["sticky"] }]
}
}

View File

@ -259,6 +259,7 @@
background: $gray-light;
border: 1px solid $border-color;
color: $gl-text-color;
position: -webkit-sticky;
position: sticky;
top: $header-height;
padding: $grid-size;

View File

@ -9,6 +9,7 @@
@media (min-width: map-get($grid-breakpoints, md)) {
$mr-file-header-top: $mr-version-controls-height + $header-height + $mr-tabs-height;
position: -webkit-sticky;
position: sticky;
top: $mr-file-header-top;
z-index: 102;
@ -721,6 +722,7 @@
}
@include media-breakpoint-up(sm) {
position: -webkit-sticky;
position: sticky;
top: $header-height;
background-color: $white-light;
@ -1011,6 +1013,7 @@
}
.diff-tree-list {
position: -webkit-sticky;
position: sticky;
$top-pos: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px;
top: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px;

View File

@ -784,6 +784,7 @@
}
@include media-breakpoint-up(md) {
position: -webkit-sticky;
position: sticky;
top: $header-height + $mr-tabs-height;
width: 100%;
@ -810,6 +811,7 @@
border-bottom: 1px solid $border-color;
@include media-breakpoint-up(sm) {
position: -webkit-sticky;
position: sticky;
}