mediawiki-extensions-Multim.../resources/mmv/mmv.mixins.less

@import 'mediawiki.skin.variables.less';

// from https://stackoverflow.com/a/12178019/323407
.fade-out-vertical( @backgroundColor: @background-color-base ) {
	background-image: linear-gradient( to bottom, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
}

.fade-out-horizontal( @backgroundColor: @background-color-base ) {
	background-image: linear-gradient( to right, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
}
Fix dark mode issues with an extended 'Permission details' box Fixes the shadows and borders that come with an extended 'Permission details' box to use Codex tokens that support dark mode. To test this out, view any image from Commons with a VRT permissions template (for example [[File:Gordon_Highlander_steam_locomotive.jpg]]). Bug: T369531 Change-Id: Ie2873b2ef2836c5b7ac2ded860dc2404f293f119 2024-07-05 10:29:42 +00:00			`@import 'mediawiki.skin.variables.less';`

styles: Remove obsolete vendor prefixed properties Bug: T278670 Change-Id: I5640e4539598de8e9ae2d4e5172a5ae41b570ce3 2021-03-29 09:19:27 +00:00			`// from https://stackoverflow.com/a/12178019/323407`
Fix dark mode issues with an extended 'Permission details' box Fixes the shadows and borders that come with an extended 'Permission details' box to use Codex tokens that support dark mode. To test this out, view any image from Commons with a VRT permissions template (for example [[File:Gordon_Highlander_steam_locomotive.jpg]]). Bug: T369531 Change-Id: Ie2873b2ef2836c5b7ac2ded860dc2404f293f119 2024-07-05 10:29:42 +00:00			`.fade-out-vertical( @backgroundColor: @background-color-base ) {`
Use Codex colors to fix dark mode Bug: T363776 Change-Id: Iab9a7ffc7dd707c453522fab25c4bb6061645616 2024-05-03 18:24:00 +00:00			`background-image: linear-gradient( to bottom, @background-color-transparent 0%, @backgroundColor 100% ); // W3C`
Make it obvious that the permission text is cut off; add expand link Fades out the bottom of the text and adds a link to replace it with the full HTML version. Due to the way it is positioned, the fade + link will be invisible if the text is less then 3 lines. The implementation is not very polished; since this will be replaced by some JS-based ellipsis thing, I didn't want to spend too much time on it. Change-Id: Ib30e40fe845b85bfcf9557970efb886d28b3e5c7 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/118 2014-02-26 02:47:24 +00:00			`}`
Drop CSS hacks for unsupported browsers (IE<11, ancient Firefox) Bug: T184543 Change-Id: Ibd07ecd545f9b69f4dd3adb2b371b4d87ca4098b 2019-07-29 14:33:58 +00:00
Fix dark mode issues with an extended 'Permission details' box Fixes the shadows and borders that come with an extended 'Permission details' box to use Codex tokens that support dark mode. To test this out, view any image from Commons with a VRT permissions template (for example [[File:Gordon_Highlander_steam_locomotive.jpg]]). Bug: T369531 Change-Id: Ie2873b2ef2836c5b7ac2ded860dc2404f293f119 2024-07-05 10:29:42 +00:00			`.fade-out-horizontal( @backgroundColor: @background-color-base ) {`
Use Codex colors to fix dark mode Bug: T363776 Change-Id: Iab9a7ffc7dd707c453522fab25c4bb6061645616 2024-05-03 18:24:00 +00:00			`background-image: linear-gradient( to right, @background-color-transparent 0%, @backgroundColor 100% ); // W3C`
Make the ellipsis of truncated texts more prominent Also fixes popup texts which should have been updated in the parent commit and the panel opening mechanism which did not work when the below-the-fold description box was display:none-d. Change-Id: I5fc37429a7dc7a8f1517fa42375cd140d7d11674 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/589 2014-10-29 19:50:53 +00:00			`}`