Commit 7574a119 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray
Browse files

Merge branch 'non-webkit-scrollbar-fixing' into 'master'

Fix horizontal scrollbar overlapping content everywhere, #51296.

Closes #51296

See merge request gitlab-org/gitlab-ce!23167
......@@ -243,6 +243,7 @@ $gl-padding-top: 10px;
$gl-sidebar-padding: 22px;
$gl-bar-padding: 3px;
$input-horizontal-padding: 12px;
$browserScrollbarSize: 10px;
/*
* Misc
......
......@@ -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%;
......
---
title: Fix horizontal scrollbar overlapping on horizontal scrolling-tabs
merge_request: 23167
author: Harry Kiselev
type: other
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