Fixed sticky bar styling in Safari

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/58625
parent 45b3c542
...@@ -102,6 +102,6 @@ ...@@ -102,6 +102,6 @@
"selector-pseudo-element-no-unknown":true, "selector-pseudo-element-no-unknown":true,
"shorthand-property-no-redundant-values":true, "shorthand-property-no-redundant-values":true,
"string-quotes":"single", "string-quotes":"single",
"value-no-vendor-prefix":true "value-no-vendor-prefix":[true, { ignoreValues: ["sticky"] }]
} }
} }
...@@ -259,6 +259,7 @@ ...@@ -259,6 +259,7 @@
background: $gray-light; background: $gray-light;
border: 1px solid $border-color; border: 1px solid $border-color;
color: $gl-text-color; color: $gl-text-color;
position: -webkit-sticky;
position: sticky; position: sticky;
top: $header-height; top: $header-height;
padding: $grid-size; padding: $grid-size;
......
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
@media (min-width: map-get($grid-breakpoints, md)) { @media (min-width: map-get($grid-breakpoints, md)) {
$mr-file-header-top: $mr-version-controls-height + $header-height + $mr-tabs-height; $mr-file-header-top: $mr-version-controls-height + $header-height + $mr-tabs-height;
position: -webkit-sticky;
position: sticky; position: sticky;
top: $mr-file-header-top; top: $mr-file-header-top;
z-index: 102; z-index: 102;
...@@ -721,6 +722,7 @@ ...@@ -721,6 +722,7 @@
} }
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
position: -webkit-sticky;
position: sticky; position: sticky;
top: $header-height; top: $header-height;
background-color: $white-light; background-color: $white-light;
...@@ -1011,6 +1013,7 @@ ...@@ -1011,6 +1013,7 @@
} }
.diff-tree-list { .diff-tree-list {
position: -webkit-sticky;
position: sticky; position: sticky;
$top-pos: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px; $top-pos: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px;
top: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px; top: $header-height + $mr-tabs-height + $mr-version-controls-height + 10px;
......
...@@ -784,6 +784,7 @@ ...@@ -784,6 +784,7 @@
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: -webkit-sticky;
position: sticky; position: sticky;
top: $header-height + $mr-tabs-height; top: $header-height + $mr-tabs-height;
width: 100%; width: 100%;
...@@ -810,6 +811,7 @@ ...@@ -810,6 +811,7 @@
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
position: -webkit-sticky;
position: sticky; position: sticky;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment