X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.ui%2Fcomponents%2Fbuttons.less;h=a85ecd7e2315159e7fbfabc5e5e631fe76de1a93;hb=4d6828ef7835b7c5c5e903637fcba4bf5c487e1b;hp=b7175d0652542d28f5de0b2c7c557a3a4564e1b3;hpb=3851367738f5c0ff8c82d54cd4c2e6a6eee0c463;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index b7175d0652..a85ecd7e23 100644
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -1,6 +1,8 @@
 @import 'mediawiki.mixins';
 @import 'mediawiki.ui/variables';
 
+/* stylelint-disable selector-class-pattern */
+
 // Buttons
 // Helper mixins
 // Primary buttons mixin
@@ -73,14 +75,14 @@
 	min-width: 4em;
 	max-width: 28.75em; // equivalent to 460px, @see T95367
 	margin: 0;
-	padding: 0.546875em 1em;
+	padding: 0.57142857em 0.9375em; // equivalent to `8px 12px`
 	border: @border-width-base @border-style-base @border-color-base;
 	border-radius: @borderRadius;
 	// Inherit the font rather than apply user agent stylesheet (T72072)
 	font-family: inherit;
 	font-size: 1em;
 	font-weight: bold;
-	line-height: 1.286;
+	line-height: 1;
 	text-align: center;
 	// Disable weird iOS styling
 	-webkit-appearance: none;
@@ -127,9 +129,7 @@
 		box-shadow: none;
 	}
 
-	&:disabled,
-	&.mw-ui-quiet.mw-ui-progressive,
-	&.mw-ui-quiet.mw-ui-destructive {
+	&:disabled {
 		background-color: @colorGray12;
 		color: @colorBaseInverted;
 		border-color: @colorGray12;
@@ -176,7 +176,9 @@
 	// </div>
 	//
 	// Styleguide 2.1.1.
-	&.mw-ui-quiet {
+	&.mw-ui-quiet,
+	&.mw-ui-quiet.mw-ui-progressive,
+	&.mw-ui-quiet.mw-ui-destructive {
 		background-color: transparent;
 		// Quiet buttons all start gray, and reveal
 		// progressive/destructive color on hover and active.
@@ -203,7 +205,9 @@
 			box-shadow: none;
 		}
 
-		&:disabled {
+		&:disabled,
+		&:disabled:hover,
+		&:disabled:active {
 			background-color: transparent;
 			color: @colorDisabledText;
 			border-color: transparent;