marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-06-07 08:07:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix CSS of focus border + shortcut button

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/better-xcloud.user.js vendored
View File

File diff suppressed because one or more lines are too long

12
src/assets/css/button.styl
View File

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