gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove focus outlines from interactive elements

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-23 10:44:03 +02:00
parent 636f6cf436
commit f722aa4b85
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+19 -6
View File
@@ -101,7 +101,25 @@
}
.sg-interaction-element:focus,
.sg-interaction-element:focus-visible {
.sg-interaction-element:focus-visible,
.sg-mode-toggle:focus,
.sg-mode-toggle:focus-visible,
.sg-sandwich-button:focus,
.sg-sandwich-button:focus-visible,
.sg-input-clear-button:focus,
.sg-input-clear-button:focus-visible,
.sg-help-icon:focus,
.sg-help-icon:focus-visible,
.sg-sandwich-menu-link:focus,
.sg-sandwich-menu-link:focus-visible,
.sg-checkbox-field:focus,
.sg-checkbox-field:focus-visible,
.sg-radio-field:focus,
.sg-radio-field:focus-visible,
.sg-pulldown-option:focus,
.sg-pulldown-option:focus-visible,
.sg-hyperlink:focus,
.sg-hyperlink:focus-visible {
outline: none;
}
@@ -653,11 +671,6 @@
cursor: pointer;
}
.sg-mode-toggle:focus,
.sg-mode-toggle:focus-visible {
outline: none;
}
.sg-mode-toggle__label {
font-family: var(--font-family-base);
font-size: var(--font-size-base);