change focus to focus-visible
This commit is contained in:
parent
08aeefed1d
commit
9a44a2a7ad
13 changed files with 23 additions and 23 deletions
|
@ -200,7 +200,7 @@
|
||||||
}
|
}
|
||||||
.cp-usergrid-user, textarea, a, .fa-times {
|
.cp-usergrid-user, textarea, a, .fa-times {
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -244,7 +244,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -129,7 +129,7 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -217,7 +217,7 @@
|
||||||
height: var(--checkmark-dim1);
|
height: var(--checkmark-dim1);
|
||||||
}
|
}
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
.tools_unselectable();
|
.tools_unselectable();
|
||||||
}
|
}
|
||||||
.btn-primary{
|
.btn-primary{
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -352,7 +352,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -380,7 +380,7 @@
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
.leftside-menu-category_main();
|
.leftside-menu-category_main();
|
||||||
margin: 0;
|
margin: 0;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -409,7 +409,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
border-radius: @variables_radius_S;
|
border-radius: @variables_radius_S;
|
||||||
}
|
}
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
}
|
}
|
||||||
&.tui-full-calendar-content {
|
&.tui-full-calendar-content {
|
||||||
font-size: @colortheme_app-font-size;
|
font-size: @colortheme_app-font-size;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -141,7 +141,7 @@
|
||||||
color: @cryptpad_text_col;
|
color: @cryptpad_text_col;
|
||||||
}
|
}
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -260,7 +260,7 @@
|
||||||
|
|
||||||
|
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
&::-moz-focus-inner {
|
&::-moz-focus-inner {
|
||||||
|
|
|
@ -236,7 +236,7 @@ body.html {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
border-radius: @infopages-radius;
|
border-radius: @infopages-radius;
|
||||||
padding: 0.5em 0.7em;
|
padding: 0.5em 0.7em;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.leftside-menu-category_main();
|
.leftside-menu-category_main();
|
||||||
box-shadow: @cryptpad_ui_shadow;
|
box-shadow: @cryptpad_ui_shadow;
|
||||||
&:focus{
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -81,7 +81,7 @@
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
outline: none;
|
outline: none;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -77,7 +77,7 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: contrast(@cp_toolbar-bg, darken(@cp_toolbar-bg, 5%), lighten(@cp_toolbar-bg, 5%));
|
background-color: contrast(@cp_toolbar-bg, darken(@cp_toolbar-bg, 5%), lighten(@cp_toolbar-bg, 5%));
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
font: @colortheme_app-font;
|
font: @colortheme_app-font;
|
||||||
|
|
||||||
input, textarea, .cp-appblock {
|
input, textarea, .cp-appblock {
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -633,7 +633,7 @@
|
||||||
color: @cp_sidebar-left-active-fg;
|
color: @cp_sidebar-left-active-fg;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
i {
|
i {
|
||||||
|
|
|
@ -177,7 +177,7 @@
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
outline-style: none;
|
outline-style: none;
|
||||||
border-radius: @variables_radius;
|
border-radius: @variables_radius;
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
@media (hover: none) {
|
@media (hover: none) {
|
||||||
|
@ -413,7 +413,7 @@
|
||||||
.fa {
|
.fa {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
&:focus{
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -651,7 +651,7 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @cp_kanban-add-hover;
|
background-color: @cp_kanban-add-hover;
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
#cp-sidebarlayout-container {
|
#cp-sidebarlayout-container {
|
||||||
#cp-sidebarlayout-rightside {
|
#cp-sidebarlayout-rightside {
|
||||||
input, button, span[tabindex="0"] {
|
input, button, span[tabindex="0"] {
|
||||||
&:focus{
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -64,7 +64,7 @@
|
||||||
}
|
}
|
||||||
#cp-sidebarlayout-rightside{
|
#cp-sidebarlayout-rightside{
|
||||||
input, button, textarea {
|
input, button, textarea {
|
||||||
&:focus{
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -154,7 +154,7 @@
|
||||||
height: 384px;
|
height: 384px;
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
&:focus{
|
&:focus-visible {
|
||||||
outline: @variables_focus_style;
|
outline: @variables_focus_style;
|
||||||
}
|
}
|
||||||
&.create, &:not(.empty) {
|
&.create, &:not(.empty) {
|
||||||
|
|
Loading…
Reference in a new issue