The Deadlock Wiki

User:Monster Domosed/common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →

Monster Domosed (talk | contribs)

2 user groups
4,611 edits
Add styles for model hint disclaimer with eye icon (with Domosed MCP)
Fix hint overflow (shorter, wraps, max-width) and remove LQ/HQ toggle CSS (with Domosed MCP)
Line 71: Line 71:
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     gap: 6px;
     gap: 5px;


     padding: 4px 10px;
     max-width: calc(100% - 16px);


     font-size: 12px;
    padding: 4px 8px;
 
     font-size: 11px;
     line-height: 1;
     line-height: 1;
     color: #fff;
     color: #fff;
Line 87: Line 89:
     pointer-events: none;
     pointer-events: none;


     white-space: nowrap;
     box-sizing: border-box;
}
}


.model-hint-icon {
.model-hint-icon {
     width: 14px;
     width: 12px;
     height: 14px;
     height: 12px;
 
    flex: none;


     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 127: Line 131:
     box-shadow: 0 8px 24px rgba(0,0,0,.3);
     box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
}
/* LQ/HQ button */
.mv-quality-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    appearance: none;
}
.mv-quality-toggle img {
    display: block;
    width: 100%;
    height: 100%;
    filter: none;
}




Retrieved from "https://deadlock.wiki/User:Monster_Domosed/common.css"