Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-08 19:56:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/DownloadButton: adapt for RTL layout

Browse source
This commit is contained in:
wukko 2024-11-20 15:33:51 +06:00
parent 72c30a58aa
commit e7c2196a25
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 15 additions and 0 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

@ -183,6 +183,16 @@
border-bottom-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);
} }
#download-button:dir(rtl) {
border-left: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 1.5px var(--input-border) solid;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
#download-button:focus-visible { #download-button:focus-visible {
box-shadow: 0 0 0 2px var(--blue) inset; box-shadow: 0 0 0 2px var(--blue) inset;
} }
@ -209,6 +219,11 @@
border-left: 2px var(--secondary) solid; border-left: 2px var(--secondary) solid;
} }
:global(#input-container.focused) #download-button:dir(rtl) {
border-left: 0;
border-right: 2px var(--secondary) solid;
}
@media (hover: hover) { @media (hover: hover) {
#download-button:hover { #download-button:hover {
background: var(--button-hover-transparent); background: var(--button-hover-transparent);