StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-12-01 01:16:38 +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

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

@ -35,27 +35,28 @@
// 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 {
.ve-ui-surface-placeholder,
.ve-ui-surface .ve-ce-documentNode {
padding: 0;
}
@ -64,6 +65,15 @@
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
}
@media (prefers-color-scheme: dark) {
.ve-activated {
.mw-header-container {
background-color: @dark-bg-0;
}
}
}