mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-11-15 12:00:05 +00:00
79a052dc5e
This avoids part of the reflow that occurs when the WikiEditor has finished loading it's toolbar, by reserving 33px above the textarea. I will still reflow to uncollapse a Advanced or Help section of course, but there is only so much we can do. Bug: T125843 Change-Id: Ibadea803bdfde9f88cff082b043ed58a05ed75a9
35 lines
845 B
Plaintext
35 lines
845 B
Plaintext
/**
|
|
* CSS for WikiEditor
|
|
*/
|
|
|
|
form#editform {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#wpTextbox1 {
|
|
line-height: 1.5em;
|
|
resize: vertical;
|
|
}
|
|
|
|
/* Hide the old toolbar until the wikiEditor toolbar is deemed not supported,
|
|
* hide the WikiEditor toolbar until it's css has loaded */
|
|
.wikiEditor-oldToolbar,
|
|
.wikiEditor-ui-toolbar {
|
|
display: none;
|
|
}
|
|
|
|
/* This disables margin collapse for the children */
|
|
.client-js #editform:before,
|
|
.client-js #editform:after {
|
|
content: ' ';
|
|
display: table;
|
|
}
|
|
/* Set a margin on the textarea while we load, matching the height,
|
|
* of the wikieditor toolbar to prevent reflow. After the wikieditor ui is loaded,
|
|
* the textarea is wrapped inside wikieditor-ui div and no longer matches */
|
|
.client-js .wikiEditor-oldToolbar + #wpTextbox1 {
|
|
/* Toolbar height + padding + bottom border = 26 + 2*3 + 1 */
|
|
margin-top: 33px;
|
|
}
|