mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-12 00:59:46 +00:00
VE nav bar hotfix
This commit is contained in:
parent
86a86fe3bf
commit
0d75b7b39d
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue