User:Kai/common.css: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →

Kai (talk | contribs)

2 user groups
2,400 edits
Updated appended User:LVL/common.css to latest revision (103864) (via update-page on MediaWiki MCP Server)
Undo revision 103869 by Kai (talk)
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); }


/* Tier Label (Widened to fit larger text) */
.tlc-tier-label {
.tlc-tier-label {
   width: 100px;
   width: 50px;
   min-height: 80px;
   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;
  position: relative;
  overflow: hidden;
}
}


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: 5px 14px 5px 4px; /* Right padding keeps text off the X */
   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: keep-all; /* Prevents words from being sliced in half */
   word-break: break-word; /* Forces long words to wrap to the next line */
   overflow-wrap: normal;
   overflow-wrap: break-word;
   line-height: 1.1;
   line-height: 1.1; /* Keeps multi-line text compact */
   font-size: 15px;  
   font-size: 16px; /* Slightly smaller font so it fits better when typing */
  font-weight: 600;
   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: 15px;
   font-size: 14px;
   font-weight: bold;
   font-weight: bold;
   color: rgba(26, 32, 44, 0.6);
   color: rgba(26, 32, 44, 0.6);
Retrieved from "https://deadlock.wiki/User:Kai/common.css"