mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-17 19:31:51 +00:00
0af3ea84de
If the translations of save/publish button messages like 'visualeditor-savedialog-label-publish-short-start' contain spaces (e.g. in Bengali 'bn'), the button on mobile would wrap over two or more lines, due to weird styles we have for the mobile toolbar. Change-Id: Ieb439ae489ab7110b81382ffdcf0d3d3ad2f84ac
69 lines
2.2 KiB
CSS
69 lines
2.2 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki Initialization Target styles.
|
|
*
|
|
* @copyright 2011-2019 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* Dialogs */
|
|
|
|
/* Override overflow: hidden; from MW styles */
|
|
.ve-ui-commandHelpDialog-section h3 {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* IE hacks */
|
|
|
|
/* Undo overflow: hidden; from MW CSS to work around hasLayout issue */
|
|
.ve-init-target-ie .ve-ce-surface h1,
|
|
.ve-init-target-ie .ve-ce-surface h2,
|
|
.ve-init-target-ie .ve-ce-surface h3,
|
|
.ve-init-target-ie .ve-ce-surface h4,
|
|
.ve-init-target-ie .ve-ce-surface h5,
|
|
.ve-init-target-ie .ve-ce-surface h6 {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* Override MediaWiki's styles that make sense in read mode only */
|
|
|
|
/* Prevent jQuery.makeCollapsible from hiding the rows, even if collapsed by default */
|
|
.client-js .ve-ce-mwTableNode.mw-collapsed:not( .mw-made-collapsible ) tr:not( :first-child ),
|
|
.client-js .ve-ui-diffElement table.mw-collapsed:not( .mw-made-collapsible ) tr:not( :first-child ) {
|
|
display: table-row;
|
|
}
|
|
|
|
.client-js .ve-ce-mwTableNode.mw-collapsed:not( .mw-made-collapsible ) > thead + tbody,
|
|
.client-js .ve-ui-diffElement table.mw-collapsed:not( .mw-made-collapsible ) > thead + tbody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
/*
|
|
* Grey out the fake toggles to make it more obvious they are not interactive.
|
|
* Don't bother trying to float the toggles, as the text they are floating around
|
|
* is now paragraph wrapped. Making these paragraphs display:inline would fix the
|
|
* rendering but causes them to be destroyed by the CE when empty (T197987).
|
|
*/
|
|
.ve-ce-mwTableNode.mw-collapsible :first-child tr:first-child th:last-child:before,
|
|
.ve-ce-mwTableNode.mw-collapsible > caption:first-child:after,
|
|
.ve-ui-diffElement table.mw-collapsible :first-child tr:first-child th:last-child:before,
|
|
.ve-ui-diffElement table.mw-collapsible > caption:first-child:after {
|
|
color: #999;
|
|
float: none;
|
|
}
|
|
|
|
/* Reset section node styles */
|
|
.ve-init-mw-target .ve-ce-sectionNode:before,
|
|
.ve-init-mw-target .ve-ce-sectionNode:after {
|
|
content: normal;
|
|
}
|
|
|
|
.ve-init-mw-target .ve-ce-surface-enabled .ve-ce-sectionNode:not( .ve-ce-activeNode-active ) {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Save button */
|
|
.ve-ui-toolbar-saveButton {
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|