mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/widgets/ve.ui.MWTransclusionOutlineControlsWidget.less
WMDE-Fisch f1d4793862 Cleanup CSS for the forked OutlineControls
Includes moving CSS that already moved from the TemplateDialog CSS
file to the DialogLayout LESS file.

Width and height had no effect. Neither on desktop/mobile. I guess
the control's height covers for that. Float could be removed due to
the flex layout.

Some more specific rules could cover for the !important overrides.

Change-Id: I7f22e4be37c8f227845aed97281faefe26241091
2022-06-27 21:10:21 +02:00

41 lines
727 B
Plaintext

.ve-ui-mwTransclusionOutlineControlsWidget {
background-color: #fff; // @background-color-base; aka @wmui-color-base100;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2.5em;
// @border-dialog-bar
border-top: 1px solid #c8ccd1;
padding: 2px;
display: flex;
align-items: flex-start;
justify-content: left;
&-items,
&-movers {
box-sizing: border-box;
> .oo-ui-buttonWidget {
// Override OOUI defaults
margin: 0 0 0 4px;
}
> .oo-ui-buttonWidget:first-child {
// Override OOUI first child defaults
margin-left: 0;
}
}
&-items {
margin-right: 4px;
}
&-movers {
// Move arrow controls closer together
> .oo-ui-buttonWidget:nth-child( 2 ) {
margin-left: -4px;
}
}
}