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

Update .bx-settings-row background

Browse Source
This commit is contained in:
redphx
2024-08-09 21:50:34 +07:00
parent edc11b3b48
commit a81c6621a8
2 changed files with 29 additions and 4 deletions
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

31
src/assets/css/settings-dialog.styl
View File

@ -245,10 +245,10 @@
.bx-settings-row { .bx-settings-row {
display: flex; display: flex;
gap: 10px; gap: 10px;
border-bottom: 1px solid #2c2c2e; padding: 16px 10px;
padding: 16px 8px;
margin: 0; margin: 0;
border-left: 2px solid transparent; background: #2a2a2a;
border-bottom: 1px solid #343434;
&:hover, &:focus-within { &:hover, &:focus-within {
background-color: #242424; background-color: #242424;
@ -265,9 +265,11 @@
} }
} }
/*
&:has(input:focus), &:has(select:focus), &:has(button:focus) { &:has(input:focus), &:has(select:focus), &:has(button:focus) {
border-left-color: white; border-left-color: white;
} }
*/
> span.bx-settings-label { > span.bx-settings-label {
font-size: 14px; font-size: 14px;
@ -379,3 +381,26 @@
font-weight: normal; font-weight: normal;
color: #828282; color: #828282;
} }
.bx-settings-tab-contents {
> div {
// Label at the beginning
*:not(.bx-settings-row):has(+ .bx-settings-row) + .bx-settings-row:has(+ .bx-settings-row) {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
// Label at the end
.bx-settings-row:not(:has(+ .bx-settings-row)) {
border: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
// Single label
*:not(.bx-settings-row):has(+ .bx-settings-row) + .bx-settings-row:not(:has(+ .bx-settings-row)) {
border: none;
border-radius: 10px;
}
}
}