diff --git a/web/src/app.css b/web/src/app.css index cb1b36cd..63a1519f 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -282,7 +282,7 @@ a:focus-visible { background-color: var(--button-elevated-press); } -.button.elevated:not(:focus-visible) { +.button.elevated { box-shadow: none; } diff --git a/web/src/components/buttons/Switcher.svelte b/web/src/components/buttons/Switcher.svelte index 3360d57b..cb5667cd 100644 --- a/web/src/components/buttons/Switcher.svelte +++ b/web/src/components/buttons/Switcher.svelte @@ -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; } diff --git a/web/src/components/dialog/PickerDialog.svelte b/web/src/components/dialog/PickerDialog.svelte index c941e964..1dcaf816 100644 --- a/web/src/components/dialog/PickerDialog.svelte +++ b/web/src/components/dialog/PickerDialog.svelte @@ -106,10 +106,6 @@ padding: 0; } - .popup-title:focus-visible { - box-shadow: none !important; - } - .picker-body { overflow-y: scroll; display: grid; diff --git a/web/src/components/dialog/SavingDialog.svelte b/web/src/components/dialog/SavingDialog.svelte index 4c25493f..8a391c8c 100644 --- a/web/src/components/dialog/SavingDialog.svelte +++ b/web/src/components/dialog/SavingDialog.svelte @@ -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; diff --git a/web/src/components/dialog/SmallDialog.svelte b/web/src/components/dialog/SmallDialog.svelte index 6767612c..dee9e051 100644 --- a/web/src/components/dialog/SmallDialog.svelte +++ b/web/src/components/dialog/SmallDialog.svelte @@ -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; diff --git a/web/src/components/donate/DonateCardContainer.svelte b/web/src/components/donate/DonateCardContainer.svelte index bebb7f69..28dfa245 100644 --- a/web/src/components/donate/DonateCardContainer.svelte +++ b/web/src/components/donate/DonateCardContainer.svelte @@ -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) { diff --git a/web/src/components/donate/DonateOptionsCard.svelte b/web/src/components/donate/DonateOptionsCard.svelte index 0af9c2fd..259a5d3c 100644 --- a/web/src/components/donate/DonateOptionsCard.svelte +++ b/web/src/components/donate/DonateOptionsCard.svelte @@ -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; } diff --git a/web/src/components/save/Omnibox.svelte b/web/src/components/save/Omnibox.svelte index 348c358d..69f4259a 100644 --- a/web/src/components/save/Omnibox.svelte +++ b/web/src/components/save/Omnibox.svelte @@ -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 */ diff --git a/web/src/components/save/SupportedServices.svelte b/web/src/components/save/SupportedServices.svelte index 36202680..61d721dd 100644 --- a/web/src/components/save/SupportedServices.svelte +++ b/web/src/components/save/SupportedServices.svelte @@ -98,7 +98,7 @@ box-shadow 0.1s; } - #services-button:not(:focus-visible):not(:active) { + #services-button:not(:active) { box-shadow: none; } diff --git a/web/src/components/save/buttons/DownloadButton.svelte b/web/src/components/save/buttons/DownloadButton.svelte index e0cf643d..739899dd 100644 --- a/web/src/components/save/buttons/DownloadButton.svelte +++ b/web/src/components/save/buttons/DownloadButton.svelte @@ -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", diff --git a/web/src/components/settings/SettingsInput.svelte b/web/src/components/settings/SettingsInput.svelte index 0545684e..b2ab279c 100644 --- a/web/src/components/settings/SettingsInput.svelte +++ b/web/src/components/settings/SettingsInput.svelte @@ -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; } diff --git a/web/src/routes/updates/+page.svelte b/web/src/routes/updates/+page.svelte index 49332c3b..b2707fe2 100644 --- a/web/src/routes/updates/+page.svelte +++ b/web/src/routes/updates/+page.svelte @@ -184,7 +184,7 @@ stroke-width: 1.6px; } - .button-wrapper-desktop button:not(:focus-visible) { + .button-wrapper-desktop button { box-shadow: none; }