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; z-index: 100;
cursor: ns-resize; cursor: ns-resize;
opacity: 0; 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 // Show on hover or scroll of main window
&:hover, &:hover,
&.scrolling-recycler { &.scrolling-recycler {
opacity: 1; opacity: 1;
visibility: visible;
}
// On phone, there is no point of hover, so just hide it when not scrolling
@include phone {
visibility: hidden;
} }
> .tick { > .tick {