kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Fixed sticky bar styling in Safari

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.stylelintrc
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"] }]
}
}

1
app/assets/stylesheets/framework/mixins.scss
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;

3
app/assets/stylesheets/pages/diff.scss
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;

2
app/assets/stylesheets/pages/merge_requests.scss
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;
}