fixed #id_gear_btn styling on billboard.html; removed redundant padding from %billboard-page-base

This commit is contained in:
Disco DeDisco
2026-03-24 17:22:49 -04:00
parent c71f4eb68c
commit 2ca4e9d39f
2 changed files with 13 additions and 17 deletions

View File

@@ -81,12 +81,14 @@
#id_game_applet_menu { @extend %applet-menu; } #id_game_applet_menu { @extend %applet-menu; }
#id_wallet_applet_menu { @extend %applet-menu; } #id_wallet_applet_menu { @extend %applet-menu; }
#id_room_menu { @extend %applet-menu; } #id_room_menu { @extend %applet-menu; }
#id_billboard_applet_menu { @extend %applet-menu; }
// Page-level gear buttons — fixed to viewport bottom-right // Page-level gear buttons — fixed to viewport bottom-right
.gameboard-page, .gameboard-page,
.dashboard-page, .dashboard-page,
.wallet-page, .wallet-page,
.room-page { .room-page,
.billboard-page {
> .gear-btn { > .gear-btn {
position: fixed; position: fixed;
bottom: 4.2rem; bottom: 4.2rem;
@@ -97,7 +99,8 @@
#id_dash_applet_menu, #id_dash_applet_menu,
#id_game_applet_menu, #id_game_applet_menu,
#id_wallet_applet_menu { #id_wallet_applet_menu,
#id_billboard_applet_menu {
position: fixed; position: fixed;
bottom: 6.6rem; bottom: 6.6rem;
right: 1rem; right: 1rem;
@@ -111,7 +114,8 @@
.gameboard-page, .gameboard-page,
.dashboard-page, .dashboard-page,
.wallet-page, .wallet-page,
.room-page { .room-page,
.billboard-page {
> .gear-btn { > .gear-btn {
right: calc(#{$sidebar-w} + 0.5rem); right: calc(#{$sidebar-w} + 0.5rem);
bottom: 4.2rem; // same gap above kit btn as portrait; no page-specific overrides needed bottom: 4.2rem; // same gap above kit btn as portrait; no page-specific overrides needed
@@ -121,7 +125,8 @@
#id_dash_applet_menu, #id_dash_applet_menu,
#id_game_applet_menu, #id_game_applet_menu,
#id_wallet_applet_menu { #id_wallet_applet_menu,
#id_billboard_applet_menu {
right: calc(#{$sidebar-w} + 1rem); right: calc(#{$sidebar-w} + 1rem);
bottom: 6.6rem; // same as portrait, just shifted right of footer sidebar bottom: 6.6rem; // same as portrait, just shifted right of footer sidebar
top: auto; top: auto;

View File

@@ -6,7 +6,6 @@
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
position: relative; position: relative;
padding: 0.75rem;
} }
html:has(body.page-billboard), html:has(body.page-billboard),
@@ -36,14 +35,6 @@ body.page-billscroll {
.billboard-page { .billboard-page {
@extend %billboard-page-base; @extend %billboard-page-base;
// Gear btn positioning mirrors dashboard/wallet pattern
> .gear-btn {
position: fixed;
bottom: calc(var(--footer-w, 4rem) + 0.75rem);
right: calc(var(--footer-w, 4rem) + 0.75rem);
z-index: 10;
}
} }
// ── Billscroll page (single full-aperture applet) ────────────────────────── // ── Billscroll page (single full-aperture applet) ──────────────────────────