diff --git a/Mythic-Bastionland/mythic-bastionland.css b/Mythic-Bastionland/mythic-bastionland.css index e75c226bc5..e37a97e774 100644 --- a/Mythic-Bastionland/mythic-bastionland.css +++ b/Mythic-Bastionland/mythic-bastionland.css @@ -440,72 +440,61 @@ input[type="checkbox"] { /* END OF SHEET-CHARACTER */ -/* SHEET TOGGLE */ -.sheet-toggle-checkbox { - display: none; -} +/* SHEET MODE DROPDOWN */ -/* Container for toggle button positioning */ +/* Container for dropdown positioning */ .ui-dialog .charsheet { position: relative; } -.sheet-toggle-btn { - position: absolute; - display: inline-block !important; - top: -10px; - right: -10px; +.sheet-mode-select { + position: absolute !important; + top: -10px !important; + right: -10px !important; z-index: 1000; - background-color: #18282e; + width: 75px !important; + max-width: 75px !important; + background-color: #18282e !important; color: #f9f9f9 !important; - width: 70px !important; - height: 22px; - text-align: center !important; - padding: 0px !important; - border: 1px solid #538da3; - border-radius: 5px; - font-family: "Pirata One"; - font-size: 14px; + height: 22px !important; + padding: 0 4px !important; + border: 2px solid #548da3 !important; + border-radius: 5px !important; + font-family: "Pirata One" !important; + font-size: 14px !important; cursor: pointer; + appearance: auto; } -.sheet-toggle-btn:hover { +.sheet-mode-select:hover { background-color: #a7a984; +} + +.sheet-mode-select option { + background-color: #18282e; color: #f9f9f9; } -/* Sheet visibility based on checkbox */ -input[name="attr_sheet_toggle"]:checked ~ .knight-sheet { - display: none; -} +/* Sheet visibility based on selected mode. + Knight and Raider modes both render the .knight-sheet container — + the difference is which .knight-only / .raider-only blocks are shown. + Default (Knight) is the natural state; only npcs/raider need overrides. */ +.sheet-mode-select:has(option[value="npcs"]:checked) ~ .knight-sheet { display: none !important; } +.sheet-mode-select:has(option[value="npcs"]:checked) ~ .npc-sheet { display: block !important; } +.npc-sheet { display: none; } -input[name="attr_sheet_toggle"]:checked ~ .npc-sheet { - display: block !important; -} +/* Knight-only / Raider-only sub-sections within the shared character sheet. + The label `display: flex !important` rule near the top of this file forces + us to use !important here, with explicit display values per element type + when restoring visibility. */ +.raider-only { display: none !important; } -input[name="attr_sheet_toggle"]:not(:checked) ~ .knight-sheet { - display: block; -} +.sheet-mode-select:has(option[value="raider"]:checked) ~ .knight-sheet .knight-only { display: none !important; } +.sheet-mode-select:has(option[value="raider"]:checked) ~ .knight-sheet label.raider-only { display: flex !important; } +.sheet-mode-select:has(option[value="raider"]:checked) ~ .knight-sheet input.raider-only { display: inline-block !important; } -input[name="attr_sheet_toggle"]:not(:checked) ~ .npc-sheet { - display: none; -} - -/* Button text visibility */ -input[name="attr_sheet_toggle"]:checked ~ .sheet-toggle-btn .knight-btn-text { - display: none; -} - -input[name="attr_sheet_toggle"]:checked ~ .sheet-toggle-btn .npc-btn-text { - display: inline; -} - -input[name="attr_sheet_toggle"]:not(:checked) ~ .sheet-toggle-btn .knight-btn-text { - display: inline; -} - -input[name="attr_sheet_toggle"]:not(:checked) ~ .sheet-toggle-btn .npc-btn-text { - display: none; +.feat-checkbox { + margin-right: 6px; } .npc-content { diff --git a/Mythic-Bastionland/mythic-bastionland.html b/Mythic-Bastionland/mythic-bastionland.html index 3fd308b306..8540d21634 100644 --- a/Mythic-Bastionland/mythic-bastionland.html +++ b/Mythic-Bastionland/mythic-bastionland.html @@ -8,12 +8,12 @@ --> - - - + +
@@ -32,12 +32,18 @@
-
@@ -426,7 +432,7 @@ -