1
0
mirror of https://github.com/flarum/core.git synced 2025-07-21 16:51:34 +02:00

[A11Y] Adds missing focus rings back to control elements (#3016)

* Remove the stuff that removes critical accessibility features

* Remove no outline from basic blade layout

* Remove focus outline from FormControls
This commit is contained in:
David Wheatley
2021-09-13 23:47:13 +01:00
committed by GitHub
parent 92af39b6b6
commit 44a80fc8fb
5 changed files with 2 additions and 13 deletions

View File

@@ -64,12 +64,6 @@
&.active,
.open > &.Dropdown-toggle {
.box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
outline: none;
}
&:focus,
&.focus {
outline: none;
}
&.disabled,

View File

@@ -63,9 +63,6 @@
&:hover {
background: @control-bg;
}
&:focus {
outline: none;
}
}
&.active {
> a, > button {

View File

@@ -13,8 +13,7 @@
transition: var(--transition);
-webkit-appearance: none;
&:focus,
&.focus {
&:focus {
background-color: @body-bg;
color: @text-color;
border-color: @primary-color;
@@ -44,6 +43,7 @@
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
}
}
.helpText {
font-size: 12px;
line-height: 1.5em;

View File

@@ -70,7 +70,6 @@
.Button {
float: left;
margin-left: -36px;
outline: none;
width: 36px !important;
&.LoadingIndicator {

View File

@@ -86,7 +86,6 @@
.form-control:focus,
.form-control.focus {
border-color: {{ $primaryColor }};
outline: none;
}
.errors {
color: #d83e3e;