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

Update <select multiple> CSS

Browse Source
This commit is contained in:
redphx 2024-12-11 07:51:41 +07:00
parent c893bb2a5d
commit 1d8517a997
4 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dist/better-xcloud.lite.user.js vendored
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

17
src/assets/css/root.styl
View File

@ -142,13 +142,24 @@ div[class^=HUDButton-module__hiddenContainer] ~ div:not([class^=HUDButton-module
select[multiple], select[multiple]:focus { select[multiple], select[multiple]:focus {
overflow: auto; overflow: auto;
border: none;
option { option {
padding: 4px; padding: 4px 6px;
&:checked, { &:checked {
color = var(--bx-primary-button-color); color = #1a7bc0;
background: color linear-gradient(0deg, color 0%, color 100%); background: color linear-gradient(0deg, color 0%, color 100%);
&::before {
content: '☑️';
font-size: 12px;
display: inline-block;
margin-right: 6px;
height: 100%;
line-height: 100%;
vertical-align: middle;
}
} }
} }
} }

4
src/index.ts
View File

@ -27,7 +27,7 @@ import { ScreenshotManager } from "./utils/screenshot-manager";
import { NativeMkbHandler } from "./modules/mkb/native-mkb-handler"; import { NativeMkbHandler } from "./modules/mkb/native-mkb-handler";
import { GuideMenu } from "./modules/ui/guide-menu"; import { GuideMenu } from "./modules/ui/guide-menu";
import { updateVideoPlayer } from "./modules/stream/stream-settings-utils"; import { updateVideoPlayer } from "./modules/stream/stream-settings-utils";
import { NativeMkbMode, TouchControllerMode, UiSection } from "./enums/pref-values"; import { BlockFeature, NativeMkbMode, TouchControllerMode, UiSection } from "./enums/pref-values";
import { HeaderSection } from "./modules/ui/header"; import { HeaderSection } from "./modules/ui/header";
import { GameTile } from "./modules/ui/game-tile"; import { GameTile } from "./modules/ui/game-tile";
import { ProductDetailsPage } from "./modules/ui/product-details"; import { ProductDetailsPage } from "./modules/ui/product-details";
@ -171,7 +171,7 @@ document.addEventListener('readystatechange', e => {
} }
// Hide "Play with Friends" skeleton section // Hide "Play with Friends" skeleton section
if (getPref<UiSection[]>(PrefKey.UI_HIDE_SECTIONS).includes(UiSection.FRIENDS)) { if (getPref<UiSection[]>(PrefKey.UI_HIDE_SECTIONS).includes(UiSection.FRIENDS) || getPref<BlockFeature[]>(PrefKey.BLOCK_FEATURES).includes(BlockFeature.FRIENDS)) {
const $parent = document.querySelector('div[class*=PlayWithFriendsSkeleton]')?.closest<HTMLElement>('div[class*=HomePage-module]'); const $parent = document.querySelector('div[class*=PlayWithFriendsSkeleton]')?.closest<HTMLElement>('div[class*=HomePage-module]');
$parent && ($parent.style.display = 'none'); $parent && ($parent.style.display = 'none');
} }