VE nav bar hotfix

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

View file

@ -6,64 +6,74 @@
@import '../resources/variables.less';
.ve-activated {
.mw-header-container {
background-color: white;
}
.mw-header-container {
background-color: white;
}
#mw-sidebar-sitename {
top: @sidebar-sitename-height + @header-height * 2 + @margin-side;
}
#mw-sidebar-sitename {
top: @sidebar-sitename-height + @header-height * 2 + @margin-side;
}
#page-tools {
z-index: 1; // Fix collision
pointer-events: auto;
opacity: 1;
}
#page-tools {
z-index: 1; // Fix collision
pointer-events: auto;
opacity: 1;
}
#mw-bottombar {
display: none;
}
#mw-bottombar {
display: none;
}
}
.ve-ui-overlay {
font-family: @fonts;
&-global {
z-index: 12; // Higher than header
}
font-family: @fonts;
&-global {
z-index: 12; // Higher than header
}
}
// Fix weird compressed text bug
.ve-init-mw-tempWikitextEditorWidget {
width: 100%!important;
width: 100% !important;
}
// Match animation
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
transition: @transition-transform!important;
.ve-init-mw-desktopArticleTarget-toolbar-open>.oo-ui-toolbar-bar {
transition: @transition-transform !important;
}
// Make toolbar more mobile friendly, well at least I did by best
.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
.nav-down ~ .mw-body {
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
transform: translateY( @header-height );
}
.nav-down~.mw-body {
.ve-ui-toolbar-floating>.oo-ui-toolbar-bar {
transform: translateY(@header-height );
}
}
.ve-ui-surface-placeholder, .ve-ui-surface .ve-ce-documentNode {
padding: 0;
.ve-ui-surface-placeholder,
.ve-ui-surface .ve-ce-documentNode {
padding: 0;
}
.ve-init-mw-desktopArticleTarget .CodeMirror {
padding: 0;
line-height: @content-line-height; // Lining up syntax highlighter
padding: 0;
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 {
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 {
line-height: @content-line-height; // Lining up syntax highlighter
}
@media (prefers-color-scheme: dark) {
.ve-activated {
.mw-header-container {
background-color: @dark-bg-0;
}
}
}