mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/layouts/ve.ui.MWTwoPaneTransclusionDialogLayout.less
WMDE-Fisch a80f662cfb Merge some CSS rules into the layout less file
Includes adding a less file for minerva layout rules. To make best
use of the less shortcuts and avoid duplication, some selectors
have been slightly changed. Outcome should still be identical.

Change-Id: I92179ecf6045c938cace0e7e809b7ad4cf035727
2022-06-24 13:50:59 +02:00

66 lines
1.3 KiB
Plaintext

.ve-ui-mwTwoPaneTransclusionDialogLayout {
&-stackLayout {
/* We don't want anything to collapse left/right, so shouldn't use margin */
padding: 0 48px;
&.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
// Override from PanelLayout; only the StackLayout must be scrollable
overflow: hidden;
}
> .oo-ui-panelLayout {
width: 100%;
box-sizing: border-box;
margin: 48px 0 20px 0;
&:last-child {
margin-bottom: 48px;
}
}
}
&-outlinePanel {
.oo-ui-outlineControlsWidget {
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;
.oo-ui-buttonWidget {
margin-left: 4px !important; /* stylelint-disable-line declaration-no-important */
}
&-items {
> .oo-ui-buttonWidget:first-child {
margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}
}
&-movers {
float: left;
> .oo-ui-buttonWidget:nth-child( 2 ) {
margin-left: -4px !important; /* stylelint-disable-line declaration-no-important */
}
}
}
}
> .oo-ui-menuLayout-menu {
width: 240px;
// @border-dialog-bar
border-right: 1px solid #c8ccd1;
}
> .oo-ui-menuLayout-content {
left: 240px;
}
}