mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 09:28:29 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

web/SupportedServices: better popover animation
Some checks failed
Run tests / api sanity check (push) Has been cancelled
Details
CodeQL / Analyze (${{ matrix.language }}) (none, javascript-typescript) (push) Has been cancelled
Details
Run tests / check lockfile correctness (push) Has been cancelled
Details
Run tests / web sanity check (push) Has been cancelled
Details

Browse Source
This commit is contained in:
wukko 2024-11-13 23:24:50 +06:00
parent 0e09bf9895
commit 3203f5bb2f
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/save/SupportedServices.svelte
View File

@ -73,24 +73,29 @@
#services-popover { #services-popover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: transform 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99);
border-radius: 18px; border-radius: 18px;
background: var(--button); background: var(--button);
box-shadow: box-shadow:
var(--button-box-shadow), var(--button-box-shadow),
0 0 10px 10px var(--button-stroke); 0 0 10px 10px var(--button-stroke);
transform: scale(0);
transform-origin: top center;
position: relative; position: relative;
padding: 12px; padding: 12px;
gap: 6px; gap: 6px;
top: 6px; top: 6px;
opacity: 0;
transform: scale(0);
transform-origin: top center;
transition:
transform 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99),
opacity 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99);
} }
#services-popover.expanded { #services-popover.expanded {
transform: scale(1); transform: scale(1);
opacity: 1;
} }
#services-button { #services-button {