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

Change button's height from 32px to 36px

Browse Source
This commit is contained in:
redphx 2024-01-12 17:14:35 +07:00
parent 0a6bd5b763
commit 151b87fb69
1 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
better-xcloud.user.js
View File

@ -7060,6 +7060,8 @@ function addCss() {
--bx-monospaced-font: Consolas, "Courier New", Courier, monospace; --bx-monospaced-font: Consolas, "Courier New", Courier, monospace;
--bx-promptfont-font: promptfont; --bx-promptfont-font: promptfont;
--bx-button-height: 36px;
--bx-default-button-color: #2d3036; --bx-default-button-color: #2d3036;
--bx-default-button-hover-color: #515863; --bx-default-button-hover-color: #515863;
--bx-default-button-disabled-color: #8e8e8e; --bx-default-button-disabled-color: #8e8e8e;
@ -7110,7 +7112,7 @@ a.bx-button {
font-size: 14px; font-size: 14px;
border: none; border: none;
font-weight: 400; font-weight: 400;
height: 32px; height: var(--bx-button-height);
border-radius: 4px; border-radius: 4px;
padding: 0 8px; padding: 0 8px;
text-transform: uppercase; text-transform: uppercase;
@ -7161,7 +7163,7 @@ a.bx-button {
.bx-button svg { .bx-button svg {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 32px; height: var(--bx-button-height);
} }
.bx-button svg:not(:only-child) { .bx-button svg:not(:only-child) {
@ -7170,8 +7172,8 @@ a.bx-button {
.bx-button span { .bx-button span {
display: inline-block; display: inline-block;
height: 30px; height: calc(var(--bx-button-height) - 2px);
line-height: 32px; line-height: var(--bx-button-height);
vertical-align: middle; vertical-align: middle;
color: #fff; color: #fff;
} }
@ -7361,6 +7363,10 @@ a.bx-button {
align-self: center; align-self: center;
} }
.bx-settings-wrapper .bx-button.bx-primary {
margin-top: 8px;
}
.bx-primary-button { .bx-primary-button {
padding: 8px 32px; padding: 8px 32px;
margin: 10px auto 0; margin: 10px auto 0;
@ -7818,16 +7824,13 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] {
text-transform: uppercase; text-transform: uppercase;
text-align: left; text-align: left;
flex: 1; flex: 1;
height: 32px; height: var(--bx-button-height);
line-height: 32px; line-height: calc(var(--bx-button-height) + 4px);
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
.bx-quick-settings-tab-contents h2 a {
}
.bx-quick-settings-tab-contents input[type="range"] { .bx-quick-settings-tab-contents input[type="range"] {
display: block; display: block;
margin: 12px auto 2px; margin: 12px auto 2px;
@ -9134,11 +9137,17 @@ function injectSettingsButton($parent) {
} }
// Setup Reload button // Setup Reload button
const $reloadBtn = CE('button', {'class': 'bx-primary-button bx-full-width', 'tabindex': 0}, __('settings-reload')); const $reloadBtn = createButton({
$reloadBtn.addEventListener('click', e => { label: __('settings-reload'),
window.location.reload(); style: ButtonStyle.PRIMARY | ButtonStyle.FOCUSABLE | ButtonStyle.FULL_WIDTH,
$reloadBtn.textContent = __('settings-reloading'); onClick: e => {
window.location.reload();
$reloadBtn.disabled = true;
$reloadBtn.textContent = __('settings-reloading');
},
}); });
$reloadBtn.classList.add('bx-settings-reload-button');
$reloadBtn.setAttribute('tabindex', 0);
$wrapper.appendChild($reloadBtn); $wrapper.appendChild($reloadBtn);
// Donation link // Donation link