From eba3ee1400822872b3f4f13e1f1510fa7de46030 Mon Sep 17 00:00:00 2001 From: LFG Date: Tue, 10 Mar 2026 11:30:13 -0400 Subject: [PATCH] Aligned to updated HTML file CSS cleanup, fixed icons --- LogicalFantasyGaming/sheet.css | 224 ++++----------------------------- 1 file changed, 25 insertions(+), 199 deletions(-) diff --git a/LogicalFantasyGaming/sheet.css b/LogicalFantasyGaming/sheet.css index 4cec13d49f..99498dbef9 100644 --- a/LogicalFantasyGaming/sheet.css +++ b/LogicalFantasyGaming/sheet.css @@ -3959,7 +3959,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl1-spellrow-name .sl1-spelllabel { white-space: nowrap; } -} @@ -3972,7 +3971,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl1-spellpair .sl1-line{ @@ -4017,7 +4015,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -4108,7 +4105,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl1-spellpair-time, .sl1-spellpair-range{ flex: 2 0 auto; } -} @@ -4711,7 +4707,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl2-spellrow-name .sl2-spelllabel { white-space: nowrap; } -} @@ -4724,7 +4719,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl2-spellpair .sl2-line{ @@ -4769,7 +4763,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -4860,7 +4853,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl2-spellpair-time, .sl2-spellpair-range{ flex: 2 0 auto; } -} @@ -5461,7 +5453,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl3-spellrow-name .sl3-spelllabel { white-space: nowrap; } -} @@ -5474,7 +5465,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl3-spellpair .sl3-line{ @@ -5519,7 +5509,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -5610,7 +5599,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl3-spellpair-time, .sl3-spellpair-range{ flex: 2 0 auto; } -} @@ -6211,7 +6199,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl4-spellrow-name .sl4-spelllabel { white-space: nowrap; } -} @@ -6224,7 +6211,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl4-spellpair .sl4-line{ @@ -6269,7 +6255,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -6360,7 +6345,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl4-spellpair-time, .sl4-spellpair-range{ flex: 2 0 auto; } -} @@ -6961,7 +6945,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl5-spellrow-name .sl5-spelllabel { white-space: nowrap; } -} @@ -6974,7 +6957,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl5-spellpair .sl5-line{ @@ -7019,7 +7001,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -7110,7 +7091,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl5-spellpair-time, .sl5-spellpair-range{ flex: 2 0 auto; } -} @@ -7711,7 +7691,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl6-spellrow-name .sl6-spelllabel { white-space: nowrap; } -} @@ -7724,7 +7703,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl6-spellpair .sl6-line{ @@ -7769,7 +7747,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -7860,7 +7837,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl6-spellpair-time, .sl6-spellpair-range{ flex: 2 0 auto; } -} @@ -8461,7 +8437,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl7-spellrow-name .sl7-spelllabel { white-space: nowrap; } -} @@ -8474,7 +8449,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl7-spellpair .sl7-line{ @@ -8519,7 +8493,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -8610,7 +8583,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl7-spellpair-time, .sl7-spellpair-range{ flex: 2 0 auto; } -} @@ -9211,7 +9183,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl8-spellrow-name .sl8-spelllabel { white-space: nowrap; } -} @@ -9224,7 +9195,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl8-spellpair .sl8-line{ @@ -9269,7 +9239,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -9360,7 +9329,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl8-spellpair-time, .sl8-spellpair-range{ flex: 2 0 auto; } -} @@ -9961,7 +9929,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl9-spellrow-name .sl9-spelllabel { white-space: nowrap; } -} @@ -9974,7 +9941,6 @@ input[name="attr_TotalEquippedWeight"]{ min-width: 0; } -} /* Ensure inputs inside pairs can still shrink within the card */ .sl9-spellpair .sl9-line{ @@ -10019,7 +9985,6 @@ input[name="attr_TotalEquippedWeight"]{ max-width:100%; } -} @@ -10110,7 +10075,6 @@ input[name="attr_TotalEquippedWeight"]{ .sl9-spellpair-time, .sl9-spellpair-range{ flex: 2 0 auto; } -} @@ -10195,178 +10159,40 @@ input[name="attr_TotalEquippedWeight"]{ border-radius: 3px; } -/* remove d20 icon */ - border: 1px solid #444; /* visible outline */ +/* remove d20 icon / normalize save roll button */ +/* Clean save button styling that RETAINS the Roll20 dice icon */ +.save-roll-btn{ + border: 1px solid rgba(0,0,0,0.55); border-radius: 3px; - padding: 1px 4px; - margin-left: -10px; /* shift left 10px */ - display: inline-block; -} - -.save-roll-btn::before { - content: none !important; /* ensure no icon pseudo-element */ -} - - -/* keep Roll20 roll-button visuals (including dice icon) */ - height: 16px; - line-height: 14px; - font-size: 10px; - padding: 0 4px 0 18px; /* room for the dice icon on the left */ - border-radius: 3px; - - /* positioning */ - position: relative; - left: -10px; /* shift 10px to the left as requested */ - - /* fit */ - white-space: nowrap; - box-sizing: border-box; - min-width: 54px; /* ensures FORT/REF/WILL fit cleanly */ -} - -/* Make the button outline more visible */ -.save-roll-btn { - border-width: 1px; - border-style: solid; - border-color: rgba(0,0,0,0.55); -} - -/* Keep hover subtle */ -.save-roll-btn:hover { - opacity: 0.92; -} - - -/* remove Roll20 dice icon */ - background-image: none !important; - box-shadow: none; - - /* size & typography */ - height: 16px; - line-height: 14px; - font-size: 10px; - font-weight: 700; - white-space: nowrap; - - /* visible button outline like Attack Roll */ - border: 1px solid rgba(0,0,0,0.70); - border-radius: 3px; - padding: 0 6px; - - /* keep within the save-name column and shift left 10px as requested */ - box-sizing: border-box; - width: 100%; + padding: 0 4px 0 18px; margin-left: -10px; - - /* align text cleanly */ - text-align: left; - cursor: pointer; -} - -.save-roll-btn:hover { - opacity: 0.92; -} - - -/* keep Roll20 dice icon */ - background-size: 14px 14px; /* slightly smaller icon */ - background-position: 2px center; - - height: 18px; - line-height: 16px; - font-size: 11px; + display: inline-block; + height: 16px; + line-height: 14px; + font-size: 10px; font-weight: 700; - - padding-left: 20px; /* room for icon */ - padding-right: 6px; - - border: 1px solid rgba(0,0,0,0.7); - border-radius: 3px; - + position: relative; + left: -10px; white-space: nowrap; box-sizing: border-box; - width: 100%; + min-width: 54px; - margin-left: -10px; /* requested left shift */ -} - -/* Reduce spacing around + symbols in Saves by ~2px each side */ -.save-plus, -.save-equals { - margin-left: 2px; - margin-right: 2px; -} - - -/* keep Roll20 dice icon */ - background-size: 14px 14px; /* slightly smaller icon */ - background-position: 3px center; - - /* size & typography */ - height: 24px; /* +6px taller */ - line-height: 22px; - font-size: 11px; - font-weight: 700; - - /* room for icon + text */ - padding-left: 20px; - padding-right: 6px; - - /* visible outline */ - border: 1px solid rgba(0,0,0,0.7); - border-radius: 3px; - - /* fit and alignment */ - box-sizing: border-box; - width: 100%; - white-space: nowrap; - - /* move 15px further left (was -10px) */ - margin-left: -25px; - - /* ensure vertical centering of icon/text inside */ - display: flex; - align-items: center; - justify-content: flex-start; -} - -/* Reduce spacing around = and + symbols slightly to help overall fit */ -.save-plus, -.save-eq { - margin-left: 2px; - margin-right: 2px; -} - - -/* size */ - height: 24px; - line-height: 22px; - font-size: 11px; - font-weight: 700; - - /* icon + text */ + /* keep Roll20 dice icon */ background-size: 14px 14px; background-position: 3px center; - padding-left: 20px; - padding-right: 8px; - - /* visible outline */ - border: 1px solid rgba(0,0,0,0.7); - border-radius: 3px; - - /* positioning */ - box-sizing: border-box; - width: calc(100% + 15px); /* extend width by 15px */ - margin-left: -3px; /* 3px from left edge of card */ - - /* alignment */ - display: flex; - align-items: center; - white-space: nowrap; - cursor: pointer; + background-repeat: no-repeat; } +.save-roll-btn:hover{ + opacity: 0.92; +} + +/* Slightly tighten separator spacing in Saves */ +.save-plus, +.save-eq{ + margin-left: 2px; + margin-right: 2px; +} /* === Sheet307: Save buttons positioned to card edge and widened === */ /* Shift the entire Saves header + rows left so labels sit ~3px from the card edge @@ -11089,4 +10915,4 @@ input[name="attr_Gold"]{ /* sheet397: exact Initiative-blue for Hit Rating */ .core-stats-card .corestat-row.hr-row .corestat-label{ color: #1e4db7; -} +} \ No newline at end of file