Module:GameInfo/styles.css: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 355: | Line 355: | ||
order:1; | order:1; | ||
} | } | ||
.sv-skill-level .sv-level-ui{ | .sv-skill-level .sv-level-ui{ | ||
order:2; | order:2; | ||
| Line 381: | Line 382: | ||
/* In flex row: make the label itself a compact inline box */ | /* In flex row: make the label itself a compact inline box */ | ||
display:inline-block; | display:inline-block; | ||
/* HARDEN: keep it in normal flow even if any global CSS touched it */ | |||
position:static; | |||
left:auto; | |||
right:auto; | |||
top:auto; | |||
bottom:auto; | |||
transform:none; | |||
} | } | ||
| Line 402: | Line 411: | ||
display:inline-flex; | display:inline-flex; | ||
align-items:center; | align-items:center; | ||
/* HARDEN: keep wrapper in flow */ | |||
position:static; | |||
} | } | ||
/* Overcap badge pill — matched to | /* Overcap badge pill — matched to helper text, overrides sv-tip-btn icon sizing */ | ||
.sv-skill-level .sv-overcap-btn{ | .sv-skill-level .sv-overcap-btn{ | ||
position:static; | |||
/* Override any global .sv-tip-btn "icon button" sizing */ | |||
width:auto !important; | |||
height:auto !important; | |||
min-width:0 !important; | |||
min-height:0 !important; | |||
max-width:none !important; | |||
display:inline-flex; | display:inline-flex; | ||
align-items:center; | align-items:center; | ||
| Line 417: | Line 438: | ||
color:rgba(245,249,255,0.94); | color:rgba(245,249,255,0.94); | ||
/* true pill, | /* true pill, subtle */ | ||
padding:1px 8px | padding:1px 8px !important; | ||
border-radius:999px; | border-radius:999px; | ||
border:1px solid rgba(245,249,255,0.16); | border:1px solid rgba(245,249,255,0.16); | ||
background:rgba(255,255,255,0.04); | background:rgba(255,255,255,0.04); | ||
background-image:none !important; | |||
box-shadow:none !important; | |||
cursor:pointer; | cursor:pointer; | ||
user-select:none; | user-select:none; | ||
white-space:nowrap; | white-space:nowrap; | ||
} | |||
/* Kill any pseudo content from global tip button styling */ | |||
.sv-skill-level .sv-overcap-btn:before, | |||
.sv-skill-level .sv-overcap-btn:after{ | |||
content:none !important; | |||
display:none !important; | |||
} | } | ||
| Line 481: | Line 509: | ||
.sv-skill-level .sv-overcap-btn{ | .sv-skill-level .sv-overcap-btn{ | ||
padding:1px 7px; | padding:1px 7px !important; | ||
font-size:12px; | font-size:12px; | ||
line-height:1.25; | line-height:1.25; | ||
min-height:0; | min-height:0 !important; | ||
} | } | ||
} | } | ||