focus visible remove mouse focus

This commit is contained in:
ReznoRMichael 2021-08-01 22:29:45 +02:00
parent d3b76ef24b
commit 1bcce2e232
3 changed files with 17 additions and 9 deletions

View file

@ -477,9 +477,9 @@ input[type="file"] {
} }
.tab-switch { .tab-switch {
background-color: rgba(30, 77, 108, 0); background-color: rgba(0, 0, 0, 0);
color: rgba(0, 255, 220, 0.6); color: rgb(0, 180, 156);
border: 2px solid rgba(0, 255, 220, 0); border: 2px solid rgba(0, 0, 0, 0);
border-radius: 5px; border-radius: 5px;
} }
@ -487,7 +487,7 @@ input[type="file"] {
.tab-active { .tab-active {
background-color: rgb(0, 180, 156); background-color: rgb(0, 180, 156);
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
border: 2px solid rgba(0, 180, 156, 0); border: 2px solid rgba(0, 0, 0, 0);
} }
.tab-switch:focus { .tab-switch:focus {
@ -495,6 +495,10 @@ input[type="file"] {
border-color: rgb(0, 255, 221); border-color: rgb(0, 255, 221);
} }
.tab-switch:focus:not(:focus-visible) {
border-color: rgba(0, 0, 0, 0);
}
.centered { .centered {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

File diff suppressed because one or more lines are too long

View file

@ -369,9 +369,9 @@ input[type="file"] {
} }
.tab-switch { .tab-switch {
background-color: rgba(30, 77, 108, 0); background-color: rgba(0, 0, 0, 0);
color: rgba(0, 255, 220, 0.6); color: rgb(0, 180, 156);
border: 2px solid rgba(0, 255, 220, 0); border: 2px solid rgba(0, 0, 0, 0);
border-radius: 5px; border-radius: 5px;
} }
@ -379,7 +379,7 @@ input[type="file"] {
.tab-active { .tab-active {
background-color: rgb(0, 180, 156); background-color: rgb(0, 180, 156);
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
border: 2px solid rgba(0, 180, 156, 0); border: 2px solid rgba(0, 0, 0, 0);
} }
.tab-switch:focus { .tab-switch:focus {
@ -387,6 +387,10 @@ input[type="file"] {
border-color: rgb(0, 255, 221); border-color: rgb(0, 255, 221);
} }
.tab-switch:focus:not(:focus-visible) {
border-color: rgba(0, 0, 0, 0);
}
.centered { .centered {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;