Aligned to updated HTML file

CSS cleanup, fixed icons
This commit is contained in:
LFG
2026-03-10 11:30:13 -04:00
committed by GitHub
parent 11fe8f29b3
commit eba3ee1400
+25 -199
View File
@@ -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;
}
}