Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-27 05:28:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/DownloadButton: fix 1.5px misalignment & add press state

Browse source 
also fixed opacity when disabled
This commit is contained in:
wukko 2025-02-25 13:37:27 +06:00
parent 20d24eca43
commit ad9fd4f601
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
web/src/components/save/buttons/DownloadButton.svelte
View file

@ -69,7 +69,9 @@
min-width: 48px; min-width: 48px;
border-radius: 0; border-radius: 0;
padding: 0 12px;
/* visually align the button, +1.5px because of inset box-shadow on parent */
padding: 0 13.5px 0 12px;
background: none; background: none;
box-shadow: none; box-shadow: none;
@ -109,7 +111,7 @@
#download-button:disabled { #download-button:disabled {
cursor: unset; cursor: unset;
opacity: 0.7; color: var(--gray);
} }
:global(#input-container.focused) #download-button { :global(#input-container.focused) #download-button {
@ -122,11 +124,12 @@
} }
@media (hover: hover) { @media (hover: hover) {
#download-button:hover { #download-button:hover:not(:disabled) {
background: var(--button-hover-transparent); background: var(--button-hover-transparent);
} }
#download-button:disabled:hover { }
background: none;
} #download-button:active:not(:disabled) {
background: var(--button-press-transparent);
} }
</style> </style>