anki/ts/sass/scrollbar.scss
Henrik Giesel 8aa8174d4b Fix scrollbar issue in anki-editable component in two ways
- using :host-context(.nightMode) allows for applying the nightmode
  scroll bar inside the component
- apply max-width: 100% to all element within editable, not just images
2021-02-23 15:52:20 +01:00

33 lines
543 B
SCSS

/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
@use 'vars';
@use 'buttons';
@mixin night-mode {
&::-webkit-scrollbar {
background: var(--window-bg);
&:horizontal {
height: 12px;
}
&:vertical {
width: 12px;
}
}
&::-webkit-scrollbar-thumb {
background: buttons.$fusion-button-hover-bg;
border-radius: 8px;
&:horizontal {
min-width: 50px;
}
&:vertical {
min-height: 50px;
}
}
}