StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-13 17:49:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

VE nav bar hotfix

Browse source
This commit is contained in:
alistair3149 2019-12-02 18:41:03 -05:00
parent 86a86fe3bf
commit 0d75b7b39d
1 changed files with 43 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
skinStyles/ext.visualEditor.core.less
View file

@ -6,64 +6,74 @@
@import '../resources/variables.less'; @import '../resources/variables.less';
.ve-activated { .ve-activated {
.mw-header-container { .mw-header-container {
background-color: white; background-color: white;
} }
#mw-sidebar-sitename { #mw-sidebar-sitename {
top: @sidebar-sitename-height + @header-height * 2 + @margin-side; top: @sidebar-sitename-height + @header-height * 2 + @margin-side;
} }
#page-tools { #page-tools {
z-index: 1; // Fix collision z-index: 1; // Fix collision
pointer-events: auto; pointer-events: auto;
opacity: 1; opacity: 1;
} }
#mw-bottombar { #mw-bottombar {
display: none; display: none;
} }
} }
.ve-ui-overlay { .ve-ui-overlay {
font-family: @fonts; font-family: @fonts;
&-global { &-global {
z-index: 12; // Higher than header z-index: 12; // Higher than header
} }
} }
// 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,
padding: 0; .ve-ui-surface .ve-ce-documentNode {
padding: 0;
} }
.ve-init-mw-desktopArticleTarget .CodeMirror { .ve-init-mw-desktopArticleTarget .CodeMirror {
padding: 0; padding: 0;
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 *,
line-height: @content-line-height; // Lining up syntax highlighter .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;
}
}
}