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

Fix horizontal scrollbar overlapping content everywhere, #51296.

Browse source
This commit is contained in:
Harry Kiselev 2018-11-29 15:02:54 +00:00 committed by Annabel Dunstone Gray
parent ee1d23fa23
commit 4102389d12
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/framework/variables.scss
View file

@ -243,6 +243,7 @@ $gl-padding-top: 10px;
$gl-sidebar-padding: 22px;
$gl-bar-padding: 3px;
$input-horizontal-padding: 12px;
$browserScrollbarSize: 10px;
/*
* Misc

5
app/assets/stylesheets/pages/projects.scss
View file

@ -723,7 +723,8 @@
.scrolling-tabs-container {
.scrolling-tabs {
margin-top: $gl-padding-8;
margin-bottom: $gl-padding-8;
margin-bottom: $gl-padding-8 - $browserScrollbarSize;
padding-bottom: $browserScrollbarSize;
flex-wrap: wrap;
border-bottom: 0;
}
@ -731,7 +732,7 @@
.fade-left,
.fade-right {
top: 0;
height: 100%;
height: calc(100% - #{$browserScrollbarSize});
.fa {
top: 50%;

5
changelogs/unreleased/non-webkit-scrollbar-fixing.yml Normal file
View file

@ -0,0 +1,5 @@
---
title: Fix horizontal scrollbar overlapping on horizontal scrolling-tabs
merge_request: 23167
author: Harry Kiselev
type: other