Ensure the editing textarea is not higher than browser's viewport
[lhc/web/wiklou.git] / resources / src / mediawiki.action / mediawiki.action.edit.styles.css
1 /*!
2 * Styles for elements of the editing form.
3 */
4
5 /* General layout */
6 #wpTextbox1 {
7 margin: 0;
8 display: block;
9 /* Ensure the textarea is not higher than browser's viewport on small screens */
10 max-height: 100vh;
11 /* But don't let it collapse into nothingness on really tiny screens */
12 min-height: 5em;
13 }
14
15 /* Adjustments to edit form elements */
16 .editCheckboxes {
17 margin-bottom: 1em;
18 }
19
20 .editCheckboxes input:first-child {
21 margin-left: 0;
22 }
23
24 .cancelLink {
25 margin-left: 0.5em;
26 }
27
28 #editpage-copywarn {
29 font-size: 0.9em;
30 }
31
32 #wpSummary {
33 display: block;
34 margin-top: 0;
35 margin-bottom: 0.5em;
36 }
37
38 .editButtons input:first-child {
39 margin-left: .1em;
40 }
41
42 /*
43 * Add a bit of margin space between the preview and the toolbar.
44 * This replaces the ugly <p><br /></p> we used to insert into the page source
45 */
46 #wikiPreview.ontop {
47 margin-bottom: 1em;
48 }