change focus to focus-visible

This commit is contained in:
daria 2024-08-19 16:52:20 +03:00
parent 08aeefed1d
commit 9a44a2a7ad
13 changed files with 23 additions and 23 deletions

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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;
} }

View file

@ -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 {

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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 {

View file

@ -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;
} }
} }

View file

@ -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;
} }
} }

View file

@ -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) {