mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 17:36:35 +00:00
7114463cc5
* Rename the actions toolbar the 'pageToolbar', and place the save button in its actions section. * Inject the title amongst the pageToolbar tools, so we can have tools either side of it. * Don't use the hamburger icon, as this has a (different) expected behaviour in MF. Replace it with a back button, and move the edit switch action over to the right in an 'advanced' group. The toolbar is back to being laid out like the source editing toolbar in MF. Change-Id: I4e00a8cdf603968ee32872323c88e587c1e1a487
118 lines
2.7 KiB
CSS
118 lines
2.7 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki Initialization MobileArticleTarget styles.
|
|
*
|
|
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.oo-ui-panelLayout-scrollable {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.ve-init-mw-target-surface .ve-ce-documentNode,
|
|
.ve-init-mw-target-surface .ve-ui-surface-placeholder {
|
|
padding: 0;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ve-init-mw-target-surface .ve-ui-surface-placeholder > * {
|
|
/* Fix margin overlap */
|
|
margin-top: 0;
|
|
/* Placeholder doesn't need a border as well */
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
.ve-ui-debugBar {
|
|
padding: 0.8em 16px;
|
|
border-top: 1px solid #ccc;
|
|
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15) inset;
|
|
}
|
|
|
|
.ve-ui-debugBar-selectionLabel {
|
|
min-width: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Hide toolbar shortcuts, no use on mobile */
|
|
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-title-container {
|
|
width: 100%;
|
|
position: relative;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-title {
|
|
padding: 0 0.5em;
|
|
line-height: 3.164em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-pageTools,
|
|
.ve-init-mw-mobileArticleTarget-editTools {
|
|
display: table;
|
|
}
|
|
|
|
/* Edit tools has no 100% width cells */
|
|
.ve-init-mw-mobileArticleTarget-editTools {
|
|
width: 100%;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-pageTools > .oo-ui-toolGroup,
|
|
.ve-init-mw-mobileArticleTarget-pageTools > .ve-init-mw-mobileArticleTarget-title-container,
|
|
.ve-init-mw-mobileArticleTarget-editTools > .oo-ui-toolGroup {
|
|
display: table-cell;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools > .oo-ui-toolGroup {
|
|
text-align: center;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
|
|
left: 50%;
|
|
margin-left: -1.875em;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
|
|
left: 50%;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
|
|
text-align: left;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools > .oo-ui-toolGroup-empty {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools > .oo-ui-toolGroup:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools > .oo-ui-toolGroup > .oo-ui-toolGroup-tools
|
|
> .oo-ui-tool {
|
|
width: 100%;
|
|
}
|
|
|
|
.ve-init-mw-mobileArticleTarget-editTools-hidden,
|
|
.ve-init-mw-mobileArticleTarget-pageToolbar-hidden {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.ve-init-mw-mobileArticleTarget-toolbar
|
|
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
|
|
display: none;
|
|
}
|
|
}
|