wikimedia/mediawiki-extensions-MobileFrontend

View on GitHub
resources/mobile.startup/Toggler.less

Summary

Maintainability
Test Coverage
.client-js {
    .collapsible-heading {
        cursor: pointer;
    }

    .collapsible-heading-disabled {
        cursor: default;

        .indicator {
            opacity: 0.5;
        }
    }

    // Vertically center toggle buttons in the case of long, multiline headings
    .section-heading {
        display: flex;
        align-items: center;

        .indicator {
            max-height: 32px;
        }
    }
}

@media print {
    .collapsible-heading .indicator {
        display: none;
    }

    // need to be this specific in order to override the default style
    .client-js .collapsible-block {
        display: block;
        content-visibility: visible;
    }
}