dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

@media only screen and (max-width: 570px) {
	.page-side-tools__wrapper {
		pointer-events: none;
	}

	.page-side-tools {
		pointer-events: auto;
	}
}

@media only screen and (max-width: 785px) {
	.sticky-toc.toc {
		z-index: 9;
	}

	.action-edit .mw-parser-output {
		overflow: auto;
	}

    .ve-active .skin-fandomdesktop .global-navigation {
        display: flex!important;
        z-index: 10;
        position: absolute;
    }

	.fandom-sticky-header {
		z-index: 400;
	}

	.ve-active .skin-fandomdesktop .main-container {
		margin-top: 10px!important;
	}
    .ve-active .responsivemobile-loaded .skin-fandomdesktop .main-container {
        margin-top: 55px!important
    }

	/* Classic source editor */
	.editButtons {
		align-items: center;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

	/* TemplateData */
	.oo-ui-windowManager {
		position: unset;
	}

	/* CSS for the VisualEditor, also have to use !important all the time because of thw double-styles */
	/* Base Editor interface */
	.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) {
		height: 50vh !important;
	}

	/* Header */
	.ve-fd-header {
		align-items: center;
		display: flex;
		flex-flow: row wrap;
		grid-template-rows: unset !important;
		grid-template-columns: unset !important;
		grid-template-areas: unset !important;
		justify-content: space-between !important;
		width: 100% !important;
		z-index: 8;
	}

	.ve-fe-header > div:first-child {
		align-items: center;
		display: flex;
	}

	.ve-fd-header .ve-fd-header__title {
		line-height: 1;
		word-break: break-word;
	}

	.ve-fd-header a {
		line-height: 1 !important;
	}

	.ve-fd-header__actions > .ve-header-action-item:first-child {
		align-items: center;
		display: flex;
	}

	/* Toolbar */
	.ve-ui-toolbar .oo-ui-toolbar-bar {
		top: 0 !important;
	}

	.wikiEditor-ui-toolbar .section-secondary:has(.empty) {
		display: none;
	}

	/** Top section **/
	.wikiEditor-ui-toolbar {
		display: flex;
		flex-flow: row wrap;
	}

	/*
  .wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch {
    display: block;
  }
  */
	.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top,
	.ve-ui-toolbar,
	.mw-editform .editOptions {
		margin: 0 -13px;
	}
	
	/* Classic editor special symbols & help window layout */
	.wikiEditor-ui-toolbar .booklet > .index {
		float: none;
		width: 100%;
		height: auto;
		max-height: 90px;
		overflow: auto;
		resize: vertical;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch .oo-ui-toolbar-bar,
	.ve-init-mw-editSwitch .oo-ui-popupToolGroup,
	.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
		height: 38px;
		padding: 0;
	}

	.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
		padding-left: 6px;
		padding-right: 6px;
	}

	[dir="ltr"] .ve-init-mw-editSwitch .oo-ui-popupToolGroup {
		border-right: 1px solid var(--theme-border-color);
		margin-right: 3px;
	}

	[dir="rtl"] .ve-init-mw-editSwitch .oo-ui-popupToolGroup {
		border-left: 1px solid var(--theme-border-color);
		margin-left: 3px;
	}

	/** Bottom section **/
	.wikiEditor-ui .wikiEditor-ui-toolbar .sections #wikiEditor-section-advanced.section.section-visible {
		display: flex;
		flex-flow: row wrap;
	}

	.wikiEditor-ui .wikiEditor-ui-toolbar .group-insert .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:last-child {
		margin: 0;
	}

	.wikiEditor-ui-toolbar .group-search {
		border-left: none;
	}

	/* Save UI  */
	.skin-fandomdesktop .oo-ui-windowManager-modal > .ve-ui-mwSaveDialog > .oo-ui-window-frame {
		left: unset !important;
	}

	/* Summary */
	.ve-ui-summaryPanel {
		position: static !important;
	}

	.ve-ui-summaryPanel-summaryInputField,
	.ve-ui-summaryPanel .ve-ui-summaryPanel-showChangesOrPreviewGroup,
	.ve-ui-summaryPanel .ve-ui-summaryPanel-checkboxArea {
		display: none !important;
	}

	.ve-ui-summaryPanel .ve-ui-summaryPanel-cancelOrSaveGroup {
		width: 100%;
	}

	.ve-ui-summaryPanel .ve-ui-summaryPanel-saveButton {
		margin-left: auto;
	}
	
	/* Dialogue boxes */
	.ui-dialog.ui-widget.ui-widget-content {
		width: 100%!important;
	}
}