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 Stats settings dialog being too big on small screens

Browse Source
This commit is contained in:
redphx 2023-10-02 17:27:37 +07:00
parent c424c6f94b
commit e845c902b2
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
better-xcloud.user.js
View File

@ -1713,7 +1713,7 @@ class StreamStats {
} }
static hideSettingsUi() { static hideSettingsUi() {
StreamStats.#$settings.style.display = 'none'; StreamStats.#$settings.classList.add('bx-gone');
if (StreamStats.isGlancing() && !PREFS.get(Preferences.STATS_QUICK_GLANCE)) { if (StreamStats.isGlancing() && !PREFS.get(Preferences.STATS_QUICK_GLANCE)) {
StreamStats.stop(); StreamStats.stop();
@ -1721,8 +1721,7 @@ class StreamStats {
} }
static #toggleSettingsUi() { static #toggleSettingsUi() {
const display = StreamStats.#$settings.style.display; StreamStats.#$settings.classList.toggle('bx-gone');
StreamStats.#$settings.style.display = display === 'block' ? 'none' : 'block';
} }
static render() { static render() {
@ -1818,9 +1817,9 @@ class StreamStats {
)); ));
} }
StreamStats.#$settings = CE('div', {'class': 'bx-stats-settings'}, StreamStats.#$settings = CE('div', {'class': 'bx-stats-settings bx-gone'},
CE('b', {}, __('stream-stats-settings')), CE('b', {}, __('stream-stats-settings')),
$fragment, CE('div', {}, $fragment),
$close = CE('button', {}, __('close'))); $close = CE('button', {}, __('close')));
$close.addEventListener('click', e => StreamStats.hideSettingsUi()); $close.addEventListener('click', e => StreamStats.hideSettingsUi());
@ -3028,7 +3027,9 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] {
} }
.bx-stats-settings { .bx-stats-settings {
display: none; display: flex;
flex-flow: column;
max-height: 90vh;
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -3063,6 +3064,10 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] {
} }
.bx-stats-settings > div { .bx-stats-settings > div {
overflow: auto;
}
.bx-stats-settings > div > div {
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 8px;
padding: 2px 4px; padding: 2px 4px;