mirror of
https://github.com/redphx/better-xcloud.git
synced 2025-06-07 08:07:18 +02:00
Fix CSS of focus border + shortcut button
This commit is contained in:
parent
a996c0e367
commit
b4a94c95c0
2
dist/better-xcloud.user.js
vendored
2
dist/better-xcloud.user.js
vendored
File diff suppressed because one or more lines are too long
@ -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) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user