2 * Styling for Special:Contributions
4 @import 'mediawiki.ui/variables.less';
6 // OOUIHTMLForm styles.
7 @ooui-font-size-browser: 16; // Assumed browser default of `16px`.
8 @ooui-font-size-base: 0.875em; // Equals `14px` at browser default of `16px`.
10 @ooui-spacing-small: 8 / @ooui-font-size-browser / @ooui-font-size-base; // Equals `0.57142857em`≈`8px`.
11 @ooui-spacing-medium: 12 / @ooui-font-size-browser / @ooui-font-size-base; // Equals `0.8571429em`≈`12px`.
12 @ooui-spacing-large: 16 / @ooui-font-size-browser / @ooui-font-size-base; // Equals `1.1428571em`≈`16px`.
14 .mw-special-Contributions {
15 .oo-ui-fieldsetLayout-group {
18 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
24 // Hide extra `legend`s when grouping form in sections.
25 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
30 .mw-autocomplete-user.oo-ui-fieldLayout {
31 margin-top: @ooui-spacing-small;
34 // Higher specificity needed to override OOUIHTMLForm styles.
35 .mw-htmlform-field-HTMLMultiSelectField.mw-htmlform-flatlist.oo-ui-fieldLayout {
36 margin-top: @ooui-spacing-small;
39 .mw-htmlform-field-HTMLTagFilter ~ .mw-htmlform-field-HTMLCheckField.oo-ui-fieldLayout {
40 display: inline-block;
41 padding-right: @ooui-spacing-large;
44 // Clearfix for floated `.mw-htmlform-field-HTMLDateTimeField` below.
45 #mw-htmlform-contribs-date:after {
51 .mw-htmlform-field-HTMLDateTimeField {
52 margin-right: @ooui-spacing-large;
53 margin-bottom: @ooui-spacing-small;
56 .oo-ui-fieldLayout.oo-ui-labelElement.mw-htmlform-field-HTMLDateTimeField:first-child {
57 margin-top: @ooui-spacing-medium;
60 @media all and ( min-width: @width-breakpoint-tablet ) {
61 .mw-htmlform-field-HTMLDateTimeField {
63 // Same `width` as DateInputWidget.