mediawiki-skins-Vector/resources/skins.vector.clientPreferences/clientPreferences.less

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

#vector-appearance {
	form {
		font-size: 0.875rem;
		padding: 6px 0;
	}

	a.skin-theme-beta-notice-success {
		color: @color-success;
		pointer-events: none;
	}

	.vector-icon.vector-icon--heart {
		.cdx-mixin-css-icon( @cdx-icon-heart, @color-success, @size-icon-small );
	}
}
Follow-up to f115016 - Add beta tag & feedback link to Appearance menu Addresses edge-cases for feedback link for dark-mode. - Feedback link should not be visible if dark-mode gadget is enabled. - Feedback link should not be visible if page is excluded from dark mode. Additionally, turns feedback link green after click and prevents further clicks on link (without removing link, since removing the link changes the margins on the text) and adds heart icon beside success message. Bug: T367871 Change-Id: Idff14ffa7e8f497ec38250cf10252e998c234057 2024-07-03 20:52:26 +00:00			`@import 'mediawiki.skin.variables.less';`

Rename client preference menu to appearance menu Bug: T362808 Change-Id: Id6800d38eebf433cf0c9e3f179dd83df2eefd1fb 2024-04-12 03:27:34 +00:00			`#vector-appearance {`
Feature: Client preferences interface Notes: * This is functional but intentionally not designed until the design has been finalized. * A feature flag is added that swaps out the limited width toggle with a settings cog * The preferences module is kept in a separate ResourceLoader module (skins.vector.clientPreferences) to make it more portable for when we eventually want to add it to Minerva as well. * Intentionally have not focused on non-jS version given we will likely revise this again in a future version/upstream to core. Bug: T345363 Change-Id: I0c793b73e0676e32f031c6168c292f63908c72e3 2023-09-14 15:36:54 +00:00			`form {`
Create a sidebar for user preferences * Adds mustache for sidebar * Adds file to render sidebar Bug: T350417 Change-Id: I691c8a0487e158e96027109c223569224f03a102 2023-11-14 16:50:15 +00:00			`font-size: 0.875rem;`
Make client prefs fully pinnable Bug: T351141 Change-Id: Ic4a166fb3234b27dbf3d37891abfdf15781c8867 2023-11-21 17:01:04 +00:00			`padding: 6px 0;`
Feature: Client preferences interface Notes: * This is functional but intentionally not designed until the design has been finalized. * A feature flag is added that swaps out the limited width toggle with a settings cog * The preferences module is kept in a separate ResourceLoader module (skins.vector.clientPreferences) to make it more portable for when we eventually want to add it to Minerva as well. * Intentionally have not focused on non-jS version given we will likely revise this again in a future version/upstream to core. Bug: T345363 Change-Id: I0c793b73e0676e32f031c6168c292f63908c72e3 2023-09-14 15:36:54 +00:00			`}`
Follow-up to f115016 - Add beta tag & feedback link to Appearance menu Addresses edge-cases for feedback link for dark-mode. - Feedback link should not be visible if dark-mode gadget is enabled. - Feedback link should not be visible if page is excluded from dark mode. Additionally, turns feedback link green after click and prevents further clicks on link (without removing link, since removing the link changes the margins on the text) and adds heart icon beside success message. Bug: T367871 Change-Id: Idff14ffa7e8f497ec38250cf10252e998c234057 2024-07-03 20:52:26 +00:00
Increase specificity in dark-mode feedback link styles Prevents dark-mode feedback link from turning blue when clicked, caused by styles in the `.mixin-vector-dropdown-menu-item()` mixin Additionally, decreases the size of the heart icon beside the dark-mode feedback link. Bug: T367871 Change-Id: I348dbafcc3d3d3519da77dc6799818fdd743bba2 2024-07-16 15:27:49 +00:00			`a.skin-theme-beta-notice-success {`
			`color: @color-success;`
			`pointer-events: none;`
			`}`
Follow-up to f115016 - Add beta tag & feedback link to Appearance menu Addresses edge-cases for feedback link for dark-mode. - Feedback link should not be visible if dark-mode gadget is enabled. - Feedback link should not be visible if page is excluded from dark mode. Additionally, turns feedback link green after click and prevents further clicks on link (without removing link, since removing the link changes the margins on the text) and adds heart icon beside success message. Bug: T367871 Change-Id: Idff14ffa7e8f497ec38250cf10252e998c234057 2024-07-03 20:52:26 +00:00
Increase specificity in dark-mode feedback link styles Prevents dark-mode feedback link from turning blue when clicked, caused by styles in the `.mixin-vector-dropdown-menu-item()` mixin Additionally, decreases the size of the heart icon beside the dark-mode feedback link. Bug: T367871 Change-Id: I348dbafcc3d3d3519da77dc6799818fdd743bba2 2024-07-16 15:27:49 +00:00			`.vector-icon.vector-icon--heart {`
			`.cdx-mixin-css-icon( @cdx-icon-heart, @color-success, @size-icon-small );`
			`}`
Follow-up to f115016 - Add beta tag & feedback link to Appearance menu Addresses edge-cases for feedback link for dark-mode. - Feedback link should not be visible if dark-mode gadget is enabled. - Feedback link should not be visible if page is excluded from dark mode. Additionally, turns feedback link green after click and prevents further clicks on link (without removing link, since removing the link changes the margins on the text) and adds heart icon beside success message. Bug: T367871 Change-Id: Idff14ffa7e8f497ec38250cf10252e998c234057 2024-07-03 20:52:26 +00:00			`}`