mediawiki-extensions-WikiEd.../modules/realtimepreview/TwoPaneLayout.less
Volker E 58e69d97b9 styles: Replace 'mediawiki.ui/variables' call with skin variables
Replacing 'mediawiki.ui/variables.less' @import with
new skin-aware 'mediawiki.skin.variables.less' standard.
Also
- replacing several static values with new Codex design token featuring
  skin variables.
- reinstate static values only on resizeable drag bar. This is not a
  standardized component yet and will be revisited with further Codex
  component definitions in future.
Bump required MediaWiki core version to v1.41.0.

Bug: T319381
Bug: T332541
Change-Id: I323561894ddf23aa89f51439fc9df2b7642eaca5
2023-03-27 11:26:24 -07:00

32 lines
781 B
Plaintext

@import 'mediawiki.skin.variables.less';
.ext-WikiEditor-twopanes-TwoPaneLayout {
display: flex;
.ext-WikiEditor-twopanes-pane1 {
border-color: @border-color-subtle;
border-style: @border-style-base;
border-width: 0 @border-width-base 0 0;
// Offset by half the difference in padding and the UI affordance.
width: ~'calc( 50% - 9px )';
}
.ext-WikiEditor-twopanes-pane2 {
position: relative;
border-color: @border-color-subtle;
border-style: @border-style-base;
border-width: 0 0 0 @border-width-base;
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%;
}
}
}