User:Kai/common.css: Difference between revisions

Appending User:LVL/common.css (via update-page on MediaWiki MCP Server)
Tag: Manual revert
Updated appended User:LVL/common.css to latest revision (103864) (via update-page on MediaWiki MCP Server)
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); }


/* Tier Label (Widened to fit larger text) */
.tlc-tier-label {
.tlc-tier-label {
   width: 50px;
   width: 100px;
   min-width: 50px;
   min-height: 80px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
Line 131: Line 132:
   color: #111;
   color: #111;
   user-select: none;
   user-select: none;
  position: relative;
  overflow: hidden;
}
}


Line 218: Line 221:
}
}


/* Make the label slightly wider and prevent text spilling out */
/* Style the contenteditable text */
.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: 5px 4px;
   padding: 5px 14px 5px 4px; /* Right padding keeps text off the X */
   width: 100%;
   width: 100%;
   max-width: 100%;
   max-width: 100%;
   display: block; /* Changed from flex to block so text wraps properly */
   display: block;
   text-align: center;
   text-align: center;
   word-break: break-word; /* Forces long words to wrap to the next line */
   word-break: keep-all; /* Prevents words from being sliced in half */
   overflow-wrap: break-word;
   overflow-wrap: normal;
   line-height: 1.1; /* Keeps multi-line text compact */
   line-height: 1.1;
   font-size: 16px; /* Slightly smaller font so it fits better when typing */
   font-size: 15px;  
  font-weight: 600;
   border-radius: 3px;
   border-radius: 3px;
   transition: background-color 0.2s;
   transition: background-color 0.2s;
Line 266: Line 255:
   right: 4px;
   right: 4px;
   cursor: pointer !important;
   cursor: pointer !important;
   font-size: 14px;
   font-size: 15px;
   font-weight: bold;
   font-weight: bold;
   color: rgba(26, 32, 44, 0.6);
   color: rgba(26, 32, 44, 0.6);