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:
@@ -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,
|
||||
|
@@ -63,9 +63,6 @@
|
||||
&:hover {
|
||||
background: @control-bg;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
> a, > button {
|
||||
|
@@ -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;
|
||||
|
@@ -70,7 +70,6 @@
|
||||
.Button {
|
||||
float: left;
|
||||
margin-left: -36px;
|
||||
outline: none;
|
||||
width: 36px !important;
|
||||
|
||||
&.LoadingIndicator {
|
||||
|
@@ -86,7 +86,6 @@
|
||||
.form-control:focus,
|
||||
.form-control.focus {
|
||||
border-color: {{ $primaryColor }};
|
||||
outline: none;
|
||||
}
|
||||
.errors {
|
||||
color: #d83e3e;
|
||||
|
Reference in New Issue
Block a user