mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-09 17:33:55 +00:00
Carlos Valente
1849b4d39f
* chore: migrate eslint to oxlint * chore: migrate prettier to oxfmt * chore: migrate typescript * chore: toThrow should have a expected value * chore: cast test value as Day * chore: small title fix * chore: mocks should be hoisted * chore: incorrect async useage * chore: test should be inside description * chore: test sohuld include an expeced * chore: oxfmt --------- Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>
62 lines
973 B
SCSS
62 lines
973 B
SCSS
@use '../../../theme/ontimeColours' as *;
|
|
@use '../../../theme/ontimeStyles' as *;
|
|
|
|
// copied from index.scss
|
|
$track-color: $white-1;
|
|
$thumb-color: $white-20;
|
|
$thumb-color-hover: $white-60;
|
|
|
|
.root {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.viewport {
|
|
height: 100%;
|
|
width: 100%;
|
|
overscroll-behavior: contain;
|
|
|
|
&:focus-visible {
|
|
outline: 2px solid $blue-500;
|
|
outline-offset: -2px;
|
|
}
|
|
}
|
|
|
|
.scrollbar {
|
|
background: transparent;
|
|
opacity: 0;
|
|
transition: opacity 150ms;
|
|
|
|
&[data-orientation='vertical'] {
|
|
width: 6px;
|
|
}
|
|
|
|
&[data-orientation='horizontal'] {
|
|
height: 6px;
|
|
}
|
|
|
|
&[data-orientation='horizontal'][data-has-overflow-x] {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
&[data-scrolling] {
|
|
transition-duration: 0ms;
|
|
}
|
|
|
|
&[data-hovering],
|
|
&[data-scrolling] {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
}
|
|
|
|
.thumb {
|
|
background: $thumb-color;
|
|
border-radius: 2px;
|
|
|
|
&:hover {
|
|
background: $thumb-color-hover;
|
|
}
|
|
}
|