mediawiki-skins-Citizen/resources/skins.citizen.styles/common/hacks.less

// Hide RSS icon
a.feedlink {
	background: none !important;
}

// CSS checkbox hack
// TODO: See what MW core offer and maybe we can take it off
.mw-checkbox-hack {
	&-checkbox {
		display: none;
	}

	&-button {
		cursor: pointer;

		// Icons have to use span inside label elements
		> span:not( .citizen-ui-icon ) {
			.mixin-screen-reader-text;
		}
	}
}

.screen-reader-text {
	.mixin-screen-reader-text;
}

/**
 * OOUI has some layout issues when the font size is not
 * same as what is being used in Vector. This is a dirty
 * hack to ensure that the UI is displayed correctly.
 *
 * This is put here because the OOUI skinstyle is lazyloaded,
 * causing significant layout shift
 *
 * Revisit this when T254055 is resolved
 */
.oo-ui-widget {
	font-size: 0.875rem;
}
Move hack styles out of common 2020-06-12 06:03:05 +00:00			`// Hide RSS icon`
			`a.feedlink {`
			`background: none !important;`
			`}`

			`// CSS checkbox hack`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`// TODO: See what MW core offer and maybe we can take it off`
Move hack styles out of common 2020-06-12 06:03:05 +00:00			`.mw-checkbox-hack {`
refactor: clean up header structure and styles 2021-01-16 00:56:59 +00:00			`&-checkbox {`
			`display: none;`
			`}`

			`&-button {`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`cursor: pointer;`

feat(core): ✨ migrate misc icons to use RIL icon module 2022-11-03 22:30:41 +00:00			`// Icons have to use span inside label elements`
			`> span:not( .citizen-ui-icon ) {`
refactor(core): clean up personal menu This is a part of the header refactor * Clean up DOM strcture * Clean up unnessecary styles * Clean up HTML classes * Add active state to button 2022-05-10 16:55:20 +00:00			`.mixin-screen-reader-text;`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`}`
refactor: clean up header structure and styles 2021-01-16 00:56:59 +00:00			`}`
Move hack styles out of common 2020-06-12 06:03:05 +00:00			`}`

			`.screen-reader-text {`
refactor(core): clean up personal menu This is a part of the header refactor * Clean up DOM strcture * Clean up unnessecary styles * Clean up HTML classes * Add active state to button 2022-05-10 16:55:20 +00:00			`.mixin-screen-reader-text;`
Github CI lint - eslint/stylelint 2020-06-12 06:03:29 +00:00			`}`
Add mw-empty-elt style 2020-07-28 21:47:24 +00:00
feat(skinStyles): do not lazyload OOUI font size with skinStyles Changing the OOUI font size in skinStyles would cause a significant layout shift because the styles are lazyloaded. OOUI is designed around a based font size of 14px in mind, so we should obey that. Hopefully WMF will revisit OOUI during T254055, then this hack can be removed. 2022-06-02 16:13:48 +00:00			`/**`
			`* OOUI has some layout issues when the font size is not`
			`* same as what is being used in Vector. This is a dirty`
			`* hack to ensure that the UI is displayed correctly.`
			`*`
			`* This is put here because the OOUI skinstyle is lazyloaded,`
			`* causing significant layout shift`
			`*`
			`* Revisit this when T254055 is resolved`
			`*/`
			`.oo-ui-widget {`
			`font-size: 0.875rem;`
			`}`