/*
* Hide, but keep accessible for screen-readers.
*/
-.client-js .mw-navigation-hint {
- overflow: hidden;
- height: 0;
- zoom: 1;
+.client-js .mw-navigation-hint:not( :focus ) {
+ .mixin-screen-reader-text;
}
-/* Override OOUI styles so that dropdowns near the bottom of the form don't get clipped,
- * e.g.'Appearance' / 'Threshold for stub link formatting'. This is hacky and bad, it would be
- * better solved by setting overlays for the widgets, but we can't do it from PHP... */
-#preferences .oo-ui-panelLayout {
- position: static;
- overflow: visible;
- .transform( none );
+/* Most outer Panellayout:
+ * Decrease contrast of `border` slightly as padding/border combination is sufficient
+ * accessibility wise and focus of content is more important here. */
+#preferences .oo-ui-panelLayout-framed {
+ border-color: #c8ccd1;
}
#preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
&:first-child {
margin-top: 0.85714286em;
}
+
+ .oo-ui-panelLayout-framed:first-child {
+ margin-top: 0;
+ }
}
> .oo-ui-panelLayout > .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
}
}
+/* Compact number inputs, used at "Display options" on "Recent changes" */
+.mw-htmlform-field-HTMLFloatField,
+.mw-htmlform-field-HTMLIntField {
+ .oo-ui-inputWidget {
+ max-width: 10em;
+ }
+}
+
/* Expand the dropdown and textfield of "Time zone" field to the */
/* usual maximum width and display them on separate lines. */
#wpTimeCorrection .oo-ui-dropdownInputWidget,