MediaWiki:Common.css: Difference between revisions

From Pirate Software Wiki
m (Testing if re-inverter is working only in darkmode for oo-ui-selectFileWidget-thumbnail.)
Tag: Reverted
m (Forgot the leading period...)
Tag: Reverted
Line 9: Line 9:


/* Sort of workaround for the inverted image fix */
/* Sort of workaround for the inverted image fix */
.client-darkmode oo-ui-selectFileWidget-thumbnail{
.client-darkmode .oo-ui-selectFileWidget-thumbnail{
     filter: invert(1) hue-rotate(180deg);
     filter: invert(1) hue-rotate(180deg);
     -webkit-filter: invert(1) hue-rotate(180deg);
     -webkit-filter: invert(1) hue-rotate(180deg);
}
}

Revision as of 22:08, 20 November 2023

/* CSS placed here will be applied to all skins */
/* oo-ui-selectFileWidget-thumbnail is from when someone are uploading images
   And cdx-menu-item-thumbnail are from the search dropdown
Above are these classes who need to have filter invert disabled
*/
.cdx-menu-item__thumbnail{
    filter: unset !important;
}

/* Sort of workaround for the inverted image fix */
.client-darkmode .oo-ui-selectFileWidget-thumbnail{
    filter: invert(1) hue-rotate(180deg);
    -webkit-filter: invert(1) hue-rotate(180deg);
}