Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web: remove focus ring css workarounds

Browse Source
This commit is contained in:
wukko 2025-04-27 20:38:01 +06:00
parent ba4742f3fd
commit 9657db3515
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
12 changed files with 7 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app.css
View File

@ -282,7 +282,7 @@ a:focus-visible {
background-color: var(--button-elevated-press);
}
.button.elevated:not(:focus-visible) {
.button.elevated {
box-shadow: none;
}

2
web/src/components/buttons/Switcher.svelte
View File

@ -79,7 +79,7 @@
border-radius: calc(var(--border-radius) - var(--switcher-padding));;
}
.switcher.big :global(.button:not(:focus-visible)) {
.switcher.big {
box-shadow: none;
}

4
web/src/components/dialog/PickerDialog.svelte
View File

@ -106,10 +106,6 @@
padding: 0;
}
.popup-title:focus-visible {
box-shadow: none !important;
}
.picker-body {
overflow-y: scroll;
display: grid;

8
web/src/components/dialog/SavingDialog.svelte
View File

@ -148,10 +148,6 @@
gap: var(--padding);
}
.dialog-inner-container:focus-visible {
box-shadow: none!important;
}
.dialog-inner-container {
overflow-y: scroll;
gap: 8px;
@ -191,10 +187,6 @@
font-size: 19px;
}
.popup-title:focus-visible {
box-shadow: none !important;
}
.action-buttons {
display: flex;
flex-direction: row;

5
web/src/components/dialog/SmallDialog.svelte
View File

@ -129,11 +129,6 @@
-webkit-user-select: text;
}
.body-text:focus-visible,
.popup-title:focus-visible {
box-shadow: none !important;
}
.popup-subtext {
opacity: 0.7;
padding: 0;

6
web/src/components/donate/DonateCardContainer.svelte
View File

@ -43,7 +43,7 @@
letter-spacing: -0.3px;
}
:global(.donate-card button:not(:focus-visible)) {
:global(.donate-card button) {
box-shadow: none;
}
@ -62,8 +62,8 @@
cursor: default;
}
:global(.donate-card button.selected:not(:focus-visible)) {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset !important;
:global(.donate-card button.selected) {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset;
}
:global(.donate-card-subtitle) {

4
web/src/components/donate/DonateOptionsCard.svelte
View File

@ -333,10 +333,6 @@
opacity: 0.5;
}
#donation-custom-input:focus-visible {
box-shadow: unset !important;
}
#input-container.focused {
box-shadow: 0 0 0 2px var(--white) inset;
}

4
web/src/components/save/Omnibox.svelte
View File

@ -305,10 +305,6 @@
padding-right: calc(var(--input-padding) + 28px);
}
#link-area:focus-visible {
box-shadow: unset !important;
}
#link-area::placeholder {
color: var(--gray);
/* fix for firefox */

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

@ -98,7 +98,7 @@
box-shadow 0.1s;
}
#services-button:not(:focus-visible):not(:active) {
#services-button:not(:active) {
box-shadow: none;
}

4
web/src/components/save/buttons/DownloadButton.svelte
View File

@ -102,10 +102,6 @@
padding: 0 12px 0 15px;
}
#download-button:focus-visible {
box-shadow: var(--focus-ring);
}
#download-state {
font-size: 24px;
font-family: "Noto Sans Mono Variable", "Noto Sans Mono",

4
web/src/components/settings/SettingsInput.svelte
View File

@ -223,10 +223,6 @@
white-space: nowrap;
}
.input-box:focus-visible {
box-shadow: unset !important;
}
#input-container.focused {
box-shadow: 0 0 0 2px var(--secondary) inset;
}

2
web/src/routes/updates/+page.svelte
View File

@ -184,7 +184,7 @@
stroke-width: 1.6px;
}
.button-wrapper-desktop button:not(:focus-visible) {
.button-wrapper-desktop button {
box-shadow: none;
}