RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide too many ticks on mobile

cache
Varun Patil 2022-10-06 10:47:45 -07:00
parent 0807498894
commit 7445f43381
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Timeline.vue
View File

@ -1319,10 +1319,18 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
opacity: 0; opacity: 0;
transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;
// Show ticks on hover or scroll of main window
&:hover, &.scrolling { &:hover, &.scrolling {
opacity: 1; opacity: 1;
} }
// Hide ticks on mobile unless hovering
@include phone {
&:not(:hover) > .tick {
opacity: 0;
}
}
> .tick { > .tick {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;