Fix CSS of focus border + shortcut button

This commit is contained in:
redphx 2024-07-31 08:47:34 +07:00
parent a996c0e367
commit b4a94c95c0
2 changed files with 10 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -141,9 +141,8 @@
border-radius: 10px;
}
&:focus-visible::after {
&:focus::after {
offset = -6px;
content: '';
border-color: white;
position: absolute;
@ -153,6 +152,13 @@
bottom: offset;
}
body[data-input-mode=Touch] &,
body[data-input-mode=Mouse] & {
&:focus::after {
border-color: transparent !important;
}
}
&.bx-circular {
&::after {
border-radius: var(--bx-button-height);
@ -177,7 +183,7 @@ button.bx-inactive {
.bx-button-shortcut {
max-width: max-content;
margin: 10px 0 0 0;
overflow: hidden;
flex: 1 0 auto;
}
@media (min-width: 568px) and (max-height: 480px) {