MediaWiki:Common.css: Difference between revisions

From CCMDB Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 24: Line 24:
     padding: 5px 10px;
     padding: 5px 10px;
     border-radius: 5px;
     border-radius: 5px;
     white-space: nowrap; /* Prevents wrapping */
      
    /* Auto-scale with wrapping */
    width: max-content;
    max-width: 50%;


     /* Auto-scale */
     /* Wrapping */
     width: max-content;
     white-space: normal; /* Allows text to wrap */
    max-width: 300px; /* Optional limit for very long text */


     /* Positioning */
     /* Positioning */
Line 41: Line 43:
     transition: opacity 0.2s;
     transition: opacity 0.2s;
}
}
.info-tooltip:hover .tooltip-text {
.info-tooltip:hover .tooltip-text {
     visibility: visible;
     visibility: visible;
     opacity: 1;
     opacity: 1;
}
}

Revision as of 09:06, 19 March 2025

/* CSS placed here will be applied to all skins */

/*  hide talk links from watch pages and recent changes */
.mw-usertoollinks-talk { display : none; }
#ca-talk { display: none !important; }

/* make links bold so they are more visible as links */
.mw-body-content a:link {font-weight:bold !IMPORTANT;}

/* add hover text to reduce clutter */
.info-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    border-bottom: 1px dotted #666;
}

.info-tooltip .tooltip-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 5px 10px;
    border-radius: 5px;
    
    /* Auto-scale with wrapping */
    width: max-content;
    max-width: 50%;

    /* Wrapping */
    white-space: normal; /* Allows text to wrap */

    /* Positioning */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    /* Fade effect */
    opacity: 0;
    transition: opacity 0.2s;
}

.info-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}