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 layout of the "Create shortcut" button

Browse Source
This commit is contained in:
redphx 2024-07-20 06:30:26 +07:00
parent 130a7ffbd7
commit bf7d6453ea
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,10 +67,6 @@
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: var(--bx-button-height); height: var(--bx-button-height);
&:not(:only-child) {
margin-right: 10px;
}
} }
span { span {
@ -82,6 +78,10 @@
color: #fff; color: #fff;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
&:not(:only-child) {
margin-left: 10px;
}
} }
} }
@ -119,5 +119,12 @@ button.bx-inactive {
} }
.bx-button-shortcut { .bx-button-shortcut {
margin-top: 10px; max-width: max-content;
margin: 10px 0 0 0;
}
@media (min-width: 568px) and (max-height: 480px) {
.bx-button-shortcut {
margin: 8px 0 0 10px;
}
} }

1
src/modules/ui/product-details.ts
View File

@ -28,7 +28,6 @@ export class ProductDetailsPage {
// Find action buttons container // Find action buttons container
const $container = document.querySelector('div[class*=ActionButtons-module__container]'); const $container = document.querySelector('div[class*=ActionButtons-module__container]');
if ($container) { if ($container) {
this.$btnShortcut.style.width = $container.getBoundingClientRect().width + 'px';
$container.parentElement?.appendChild(ProductDetailsPage.$btnShortcut); $container.parentElement?.appendChild(ProductDetailsPage.$btnShortcut);
} }
}, 500); }, 500);