+
+ .client-js & .oo-ui-fieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header {
+ // Push legend up when JS is on, to increase clickable area.
+ margin-top: -@ooui-spacing-small;
+ margin-bottom: @ooui-spacing-small;
+ // Add `padding-top` to make up for negative `margin` above.
+ padding: @ooui-spacing-small;
+ // Make space for toggle icon defined below.
+ padding-left: 24 / @ooui-font-size-browser / @ooui-font-size-base;
+
+ .oo-ui-labelElement-label {
+ margin-bottom: 0;
+ }
+ }
+
+ // Trigger only when collapsible & JS is available via `.mw-collapsed`.
+ .client-js & .oo-ui-fieldsetLayout.mw-collapsed .oo-ui-fieldsetLayout-header {
+ min-height: 30px;
+ // Negative margin to match the reduced distance on the top caused by the previous rule.
+ margin-bottom: -@ooui-spacing-medium;
+ }