dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-19 11:09:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Button hide/show animation

Browse Source
This commit is contained in:
CloudHill 2020-10-20 22:32:53 +07:00
parent c87917abba
commit d9ad6aca43
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
mods/scroll-to-top/style.css
View File

@ -3,13 +3,15 @@
bottom: 33px; bottom: 33px;
right: 33px; right: 33px;
cursor: default; cursor: default;
pointer-events: none;
} }
.bottom-right-buttons > div { .bottom-right-buttons > div {
margin-top: 8px; margin-top: 8px;
pointer-events: auto;
user-select: none; user-select: none;
transition: opacity 700ms ease 0s, color 700ms ease 0s; transition: opacity 700ms ease 0s, color 700ms ease 0s, transform 700ms ease 0s;
cursor: pointer; cursor: pointer;
position: static !important; position: static !important;
@ -24,6 +26,21 @@
border-radius: 100%; border-radius: 100%;
font-size: 20px; font-size: 20px;
background: var(--theme--interactive_hover) !important; background: var(--theme--interactive_hover);
box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border) !important; box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border);
}
.notion-scroll-button {
display: flex !important;
}
.notion-scroll-button.hidden {
pointer-events: none;
visibility: hidden;
opacity: 0;
transform: translateY(10px);
transition-property: opacity, transform, visibility;
transition-delay: 0, 0, 700ms
} }