User:Kai/common.css: Difference between revisionsGive feedback
Updated appended User:LVL/common.css to latest revision (103864) (via update-page on MediaWiki MCP Server) |
Tag: Undo |
||
| Line 65: | Line 65: | ||
align-items: center; | align-items: center; | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
} | }h | ||
.tlc-header a { | .tlc-header a { | ||
| Line 121: | Line 121: | ||
.tlc-tier-row[data-tier="F"] { background: rgba(255, 127, 255, 0.18); } | .tlc-tier-row[data-tier="F"] { background: rgba(255, 127, 255, 0.18); } | ||
.tlc-tier-label { | .tlc-tier-label { | ||
width: | width: 50px; | ||
min- | min-width: 50px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 132: | Line 131: | ||
color: #111; | color: #111; | ||
user-select: none; | user-select: none; | ||
} | } | ||
| Line 221: | Line 218: | ||
} | } | ||
/* Style the contenteditable text */ | /* Make the label slightly wider and prevent text spilling out */ | ||
.tlc-tier-label { | |||
width: 60px; | |||
min-width: 60px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-size: 20px; | |||
font-weight: 800; | |||
color: #111; | |||
user-select: none; | |||
position: relative; | |||
overflow: hidden; /* Prevents long text from spilling outside the box */ | |||
} | |||
/* Style the contenteditable text to wrap nicely */ | |||
.tlc-tier-text { | .tlc-tier-text { | ||
cursor: text; | cursor: text; | ||
outline: none; | outline: none; | ||
padding: | padding: 5px 4px; | ||
width: 100%; | width: 100%; | ||
max-width: 100%; | max-width: 100%; | ||
display: block; | display: block; /* Changed from flex to block so text wraps properly */ | ||
text-align: center; | text-align: center; | ||
word-break: | word-break: break-word; /* Forces long words to wrap to the next line */ | ||
overflow-wrap: | overflow-wrap: break-word; | ||
line-height: 1.1; | line-height: 1.1; /* Keeps multi-line text compact */ | ||
font-size: | font-size: 16px; /* Slightly smaller font so it fits better when typing */ | ||
border-radius: 3px; | border-radius: 3px; | ||
transition: background-color 0.2s; | transition: background-color 0.2s; | ||
| Line 255: | Line 266: | ||
right: 4px; | right: 4px; | ||
cursor: pointer !important; | cursor: pointer !important; | ||
font-size: | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
color: rgba(26, 32, 44, 0.6); | color: rgba(26, 32, 44, 0.6); | ||