jheaps/JoshHeaps.Net
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge pull request 'Let the landscape table use the width it has' (#61) from fix/casino-holdem-landscape-table into feature/casino-holdem-seat-editor

Browse Source 
Reviewed-on: #61
This commit was merged in pull request #61.
This commit is contained in:
jheaps
2026-09-01 10:57:01 -06:00
parent e01d8e7c49 0c6cd55951
commit edc08d7213
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
JoshHeaps.Net/wwwroot/css/casino/holdem.css
+14 -2
View File
@@ -2808,9 +2808,20 @@ body.hasActionBar #toastHost {
against the containing block's width, not the element's own, so narrowing the against the containing block's width, not the element's own, so narrowing the
wrap on its own left it full height regardless. */ wrap on its own left it full height regardless. */
#pokerTableWrap { #pokerTableWrap {
--feltRoom: calc(100vh - var(--actionBarHeight, 0px) - 8.5rem); /* A wide ellipse, which is what a real poker table is.
width: min(100%, calc(var(--feltRoom) / 0.72));
Capping the width by the height to hold the portrait aspect ratio was
throwing away most of the screen: at 640x360 the felt came out 135px wide
inside a 601px column — 22% of the width — leaving 366px of rim for nine
seats that need 662px. Adjacent seat centres ended up 13px apart, which is
why a seat's centre belonged to its neighbour.
Landscape has width and no height, so the table takes the width it has and
is only as tall as the room left over. */
--feltRoom: calc(100vh - var(--actionBarHeight, 0px) - 7rem);
width: 100%;
height: var(--feltRoom); height: var(--feltRoom);
min-height: 7rem;
padding-bottom: 0; padding-bottom: 0;
} }
@@ -2847,6 +2858,7 @@ body.hasActionBar #toastHost {
width: 62px; width: 62px;
min-height: 40px; min-height: 40px;
} }
} }
/* ---------- Short phones, upright ---------- /* ---------- Short phones, upright ----------