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

scroller: hide when inactive on mobile 

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
pull/563/head
Varun Patil 2023-04-01 09:57:25 -07:00
parent 0a37263dda
commit 89246f7552
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ScrollerManager.vue
View File

@ -535,12 +535,18 @@ export default defineComponent({
z-index: 100;
cursor: ns-resize;
opacity: 0;
transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
// Show on hover or scroll of main window
&:hover,
&.scrolling-recycler {
opacity: 1;
visibility: visible;
}
// On phone, there is no point of hover, so just hide it when not scrolling
@include phone {
visibility: hidden;
}
> .tick {