mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/layouts/ve.ui.MWTwoPaneTransclusionDialogLayout.less
Jan Drewniak 2fc809dc17 Replace hardcoded colors with Codex design tokens
Replaces hardcoded color hex values with their equivalent
values from Codex, via the "mediawiki.skin.variables" system.

Bug: T366197
Change-Id: Ia929a1a8d6351222acb454c8ec750e920ae6d072
2024-06-07 14:40:07 -04:00

57 lines
1.1 KiB
Plaintext

@import 'mediawiki.skin.variables.less';
.ve-ui-mwTwoPaneTransclusionDialogLayout {
&-sidebar-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 2.5em;
overflow: auto;
/* Compensate for 2 * 2px padding on the .oo-ui-outlineControlsWidget + 1px border */
margin-bottom: 5px;
.ve-ui-mwTransclusionDialog-single-transclusion & {
bottom: 0;
margin-bottom: 0;
}
}
&-stackLayout {
/* We don't want anything to collapse left/right, so shouldn't use margin */
padding: 0 54px;
&.ve-ui-mwVerticalLayout {
> .oo-ui-panelLayout-scrollable {
// Override from PanelLayout; only the StackLayout must be scrollable
overflow: hidden;
}
> .oo-ui-panelLayout {
display: block;
position: relative;
}
}
> .oo-ui-panelLayout {
width: 100%;
box-sizing: border-box;
margin: 48px 0 20px 0;
&:last-child {
margin-bottom: 48px;
}
}
}
> .oo-ui-menuLayout-menu {
width: 240px;
// @border-dialog-bar
border-right: @border-subtle;
}
> .oo-ui-menuLayout-content {
left: 240px;
}
}