composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-19 15:22:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

SCSS: Fix horizontal scrollbars being ticker than vertical ones on webkit browsers

Browse Source
This commit is contained in:
Molkobain
2021-07-09 10:34:41 +02:00
parent 5254c9a633
commit 11a22abfd5
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/base/_base.scss
View File

@@ -17,6 +17,7 @@
*/ */
$ibo-scrollbar--scrollbar-width: 8px !default; $ibo-scrollbar--scrollbar-width: 8px !default;
$ibo-scrollbar--scrollbar-height: $ibo-scrollbar--scrollbar-width !default; /* For horizontal scrollbars */
$ibo-scrollbar--scrollbar-track-background-color: $ibo-color-transparent !default; $ibo-scrollbar--scrollbar-track-background-color: $ibo-color-transparent !default;
$ibo-scrollbar--scrollbar-thumb-background-color: $ibo-color-grey-300 !default; $ibo-scrollbar--scrollbar-thumb-background-color: $ibo-color-grey-300 !default;
$ibo-scrollbar--scrollbar-thumb-border: none !default; $ibo-scrollbar--scrollbar-thumb-border: none !default;
@@ -34,6 +35,7 @@ $ibo-content-block--border: 1px solid $ibo-color-grey-400 !default;
/* CSS variables */ /* CSS variables */
:root{ :root{
--ibo-scrollbar--scrollbar-width: #{$ibo-scrollbar--scrollbar-width}; --ibo-scrollbar--scrollbar-width: #{$ibo-scrollbar--scrollbar-width};
--ibo-scrollbar--scrollbar-height: #{$ibo-scrollbar--scrollbar-height};
--ibo-scrollbar--scrollbar-track-background-color: #{$ibo-scrollbar--scrollbar-track-background-color}; --ibo-scrollbar--scrollbar-track-background-color: #{$ibo-scrollbar--scrollbar-track-background-color};
--ibo-scrollbar--scrollbar-thumb-background-color: #{$ibo-scrollbar--scrollbar-thumb-background-color}; --ibo-scrollbar--scrollbar-thumb-background-color: #{$ibo-scrollbar--scrollbar-thumb-background-color};
--ibo-scrollbar--scrollbar-thumb-border: #{$ibo-scrollbar--scrollbar-thumb-border}; --ibo-scrollbar--scrollbar-thumb-border: #{$ibo-scrollbar--scrollbar-thumb-border};
@@ -60,6 +62,7 @@ $ibo-content-block--border: 1px solid $ibo-color-grey-400 !default;
/* - For Chrome/Edge/Safari */ /* - For Chrome/Edge/Safari */
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: var(--ibo-scrollbar--scrollbar-width); width: var(--ibo-scrollbar--scrollbar-width);
height: var(--ibo-scrollbar--scrollbar-height);
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: var(--ibo-scrollbar--scrollbar-track-background-color); background-color: var(--ibo-scrollbar--scrollbar-track-background-color);

5
datamodels/2.x/itop-structure/precompiled-themes/fullmoon/main.css
View File

File diff suppressed because one or more lines are too long

5
datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css
View File

File diff suppressed because one or more lines are too long