mediawiki-extensions-WikiEd.../modules/realtimepreview/TwoPaneLayout.less
MusikAnimal 8ae9eff956 Realtime Preview: make ResizingDragBar's max width match the CSS
Bug: T313376
Change-Id: I8fadf2f9f997ff889a8582d5f24babd96fb8fcb9
2022-07-21 12:31:57 -04:00

32 lines
812 B
Plaintext

@import 'mediawiki.ui/variables.less';
.ext-WikiEditor-twopanes-TwoPaneLayout {
// stylelint-disable-next-line plugin/no-unsupported-browser-features
display: flex;
.ext-WikiEditor-twopanes-pane1 {
border: 1px solid @colorGray12;
border-width: 0 1px 0 0;
// Offset by half the difference in padding and the UI affordance.
// stylelint-disable-next-line plugin/no-unsupported-browser-features
width: ~'calc( 50% - 9px )';
}
.ext-WikiEditor-twopanes-pane2 {
position: relative;
border: 1px solid @colorGray12;
border-width: 0 0 0 1px;
flex: 1 1 0;
padding: 0;
display: flex;
flex-direction: column;
// Should match ResizingDragBar.static.MIN_PANE_SIZE in ResizingBar.js
min-width: 248px;
.ext-WikiEditor-realtimepreview-preview {
overflow: auto;
height: 100%;
}
}
}