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/Omnibox: adapt for RTL layout

Browse source
This commit is contained in:
wukko 2024-11-20 15:34:10 +06:00
parent e7c2196a25
commit 88ed5876ae
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/save/Omnibox.svelte
View file

@ -219,12 +219,13 @@
} }
#input-container { #input-container {
--input-padding: 10px;
display: flex; display: flex;
box-shadow: 0 0 0 1.5px var(--input-border) inset; box-shadow: 0 0 0 1.5px var(--input-border) inset;
border-radius: var(--border-radius); border-radius: var(--border-radius);
padding: 0 10px; padding: 0 var(--input-padding);
align-items: center; align-items: center;
gap: 10px; gap: var(--input-padding);
font-size: 14px; font-size: 14px;
flex: 1; flex: 1;
} }
@ -233,6 +234,11 @@
padding-right: 0; padding-right: 0;
} }
#input-container.downloadable:dir(rtl) {
padding-right: var(--input-padding);
padding-left: 0;
}
#input-container.focused { #input-container.focused {
box-shadow: 0 0 0 1.5px var(--secondary) inset; box-shadow: 0 0 0 1.5px var(--secondary) inset;
outline: var(--secondary) 0.5px solid; outline: var(--secondary) 0.5px solid;
@ -250,7 +256,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 10px 0; padding: var(--input-padding) 0;
height: 18px; height: 18px;
align-items: center; align-items: center;