diff --git a/JoshHeaps.Net/Pages/Casino/TexasHoldem.cshtml b/JoshHeaps.Net/Pages/Casino/TexasHoldem.cshtml index b15577b..37328fb 100644 --- a/JoshHeaps.Net/Pages/Casino/TexasHoldem.cshtml +++ b/JoshHeaps.Net/Pages/Casino/TexasHoldem.cshtml @@ -81,34 +81,25 @@ Starting stack ($) -

Blinds post themselves each hand, and every seat without its own stack starts here. Set a seat's own stack in its editor.

- -

Every player who didn't go all-in short is assumed to have put in this amount. Enter a smaller amount on a seat only if that player is all-in for less.

+

Blinds post themselves each hand. Seats without their own stack start here.

+ +
+ Without live betting +
+ +

For tracking a hand by hand instead of tapping the action: everyone is assumed to have put in this much, unless their seat says otherwise.

+
+
- Chip Legend -
-
- -

Give each chip color a dollar value, then count chips per seat instead of typing a total.

-
-
- -
- Table Notes -
- -
-
- -
- Session Standings + Session
+

Standings

Player @@ -119,20 +110,33 @@

Once you resolve a pot, everyone's running total for the night shows up here.

-
-
-
- Hand History -
+

Hands

-

Resolved pots show up here as you play, in case a chip count is disputed later.

+

Resolved pots are logged here, in case a chip count is disputed later.

+
+ +
+ Chip Legend +
+
+ +

Give each chip color a value, then count chips on a seat instead of typing a total.

+
+
+ +
+ Table Notes +
+ +
+
diff --git a/JoshHeaps.Net/wwwroot/css/casino/holdem.css b/JoshHeaps.Net/wwwroot/css/casino/holdem.css index 145f96c..dceb0ad 100644 --- a/JoshHeaps.Net/wwwroot/css/casino/holdem.css +++ b/JoshHeaps.Net/wwwroot/css/casino/holdem.css @@ -872,6 +872,46 @@ body { gap: 0.7rem; } +/* A heading inside a panel, so one panel can hold two related things — the + standings and the hand log are two views of the same session — without needing + two identical-looking accordions to say so. */ +.panelSubhead { + margin: 0.2rem 0 0; + color: #d8b46a; + font-size: 0.68rem; + font-weight: 600; + letter-spacing: 0.09em; + text-transform: uppercase; +} + +.panelSubhead + * { + margin-top: -0.2rem; +} + +/* Nested disclosure for the things a dealer sets once and then forgets, kept out + of the way of the settings they actually touch. */ +.subPanel { + border-top: 1px solid #2c2c2c; + padding-top: 0.5rem; +} + +.subPanel summary { + cursor: pointer; + color: #8f8f8f; + font-size: 0.78rem; +} + +.subPanel summary:hover { + color: #c5c5c5; +} + +.subPanelBody { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding-top: 0.6rem; +} + .fieldRow { display: flex; align-items: center; @@ -1390,11 +1430,18 @@ body.hasActionBar #holdemSidebar { .blindsRow .fieldRow { flex: 1 1 120px; min-width: 0; + gap: 0.4rem; +} + +/* "Small blind" broke onto two lines beside its input, which made the pair look + like a mistake rather than a pair. */ +.blindsRow .fieldRow > span { + white-space: nowrap; } .blindsRow input { min-width: 0; - width: 5rem; + width: 3.4rem; } /* ---------- Toasts ---------- */