Disable Fomantic's custom scrollbars (#14109)
We already have custom scrollbars in our own CSS which are superior to Fomantic's so diable them to save a few bytes and prevent interference.
This commit is contained in:
parent
2c8d302eb1
commit
04ae0f2f3f
2 changed files with 1 additions and 63 deletions
|
@ -3,3 +3,4 @@
|
||||||
@headerFont: var(--fonts-regular);
|
@headerFont: var(--fonts-regular);
|
||||||
@pageFont: var(--fonts-regular);
|
@pageFont: var(--fonts-regular);
|
||||||
@bold: 500;
|
@bold: 500;
|
||||||
|
@useCustomScrollbars: false;
|
||||||
|
|
|
@ -7723,22 +7723,6 @@ a.inverted.ui.card:hover,
|
||||||
|
|
||||||
/* Scrollbars */
|
/* Scrollbars */
|
||||||
|
|
||||||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.35);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************************
|
/*******************************
|
||||||
States
|
States
|
||||||
*******************************/
|
*******************************/
|
||||||
|
@ -39175,53 +39159,6 @@ input::selection {
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Force Simple Scrollbars */
|
|
||||||
|
|
||||||
body ::-webkit-scrollbar {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body ::-webkit-scrollbar-track {
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body ::-webkit-scrollbar-thumb {
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 5px;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
-webkit-transition: color 0.2s ease;
|
|
||||||
transition: color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
body ::-webkit-scrollbar-thumb:window-inactive {
|
|
||||||
background: rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
body ::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgba(128, 135, 139, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted UI */
|
|
||||||
|
|
||||||
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.35);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************************
|
/*******************************
|
||||||
Global Overrides
|
Global Overrides
|
||||||
*******************************/
|
*******************************/
|
||||||
|
|
Loading…
Add table
Reference in a new issue