VE nav bar hotfix

This commit is contained in:
alistair3149 2019-12-02 18:41:03 -05:00
parent 86a86fe3bf
commit 0d75b7b39d

View file

@ -35,27 +35,28 @@
// Fix weird compressed text bug // Fix weird compressed text bug
.ve-init-mw-tempWikitextEditorWidget { .ve-init-mw-tempWikitextEditorWidget {
width: 100%!important; width: 100% !important;
} }
// Match animation // Match animation
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { .ve-init-mw-desktopArticleTarget-toolbar-open>.oo-ui-toolbar-bar {
transition: @transition-transform!important; transition: @transition-transform !important;
} }
// Make toolbar more mobile friendly, well at least I did by best // Make toolbar more mobile friendly, well at least I did by best
.ve-init-mw-desktopArticleTarget-toolbar { .ve-init-mw-desktopArticleTarget-toolbar {
margin: -20px -20px 20px -20px!important; // Bypass @media screen styles margin: -20px -20px 20px -20px !important; // Bypass @media screen styles
} }
// Stick with the header // Stick with the header
.nav-down ~ .mw-body { .nav-down~.mw-body {
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { .ve-ui-toolbar-floating>.oo-ui-toolbar-bar {
transform: translateY( @header-height ); transform: translateY(@header-height );
} }
} }
.ve-ui-surface-placeholder, .ve-ui-surface .ve-ce-documentNode { .ve-ui-surface-placeholder,
.ve-ui-surface .ve-ce-documentNode {
padding: 0; padding: 0;
} }
@ -64,6 +65,15 @@
line-height: @content-line-height; // Lining up syntax highlighter line-height: @content-line-height; // Lining up syntax highlighter
} }
.ve-init-mw-desktopArticleTarget .CodeMirror-code *, .ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { .ve-init-mw-desktopArticleTarget .CodeMirror-code *,
.ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode {
line-height: @content-line-height; // Lining up syntax highlighter line-height: @content-line-height; // Lining up syntax highlighter
} }
@media (prefers-color-scheme: dark) {
.ve-activated {
.mw-header-container {
background-color: @dark-bg-0;
}
}
}