mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 22:35:45 +00:00
Merge pull request #330 from StarCitizenTools/dev
Various improvements and bug fixes
This commit is contained in:
commit
9a4fd1cf4e
|
@ -389,6 +389,8 @@
|
||||||
"+ext.flow.styles.base": "skinStyles/extensions/Flow/ext.flow.styles.base.less",
|
"+ext.flow.styles.base": "skinStyles/extensions/Flow/ext.flow.styles.base.less",
|
||||||
"+ext.flow.ui": "skinStyles/extensions/Flow/ext.flow.ui.less",
|
"+ext.flow.ui": "skinStyles/extensions/Flow/ext.flow.ui.less",
|
||||||
|
|
||||||
|
"+ext.graph.styles": "skinStyles/extensions/Graph/ext.graph.styles.less",
|
||||||
|
|
||||||
"+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less",
|
"+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less",
|
||||||
"+ext.Lingo.jquery.qtip": "skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less",
|
"+ext.Lingo.jquery.qtip": "skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less",
|
||||||
|
|
||||||
|
|
85
skinStyles/extensions/Graph/ext.graph.styles.less
Normal file
85
skinStyles/extensions/Graph/ext.graph.styles.less
Normal file
|
@ -0,0 +1,85 @@
|
||||||
|
/*
|
||||||
|
* Citizen - Graph
|
||||||
|
* https://starcitizen.tools
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import '../../../resources/variables.less';
|
||||||
|
|
||||||
|
.skin-citizen {
|
||||||
|
.vega {
|
||||||
|
background: var( --background-color-dp-00 );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* responsive layout */
|
||||||
|
.mw-graph {
|
||||||
|
overflow: auto;
|
||||||
|
min-width: auto !important;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* dark mode */
|
||||||
|
&-dark {
|
||||||
|
.mw-graph canvas {
|
||||||
|
filter: invert( 1 ) hue-rotate( 180deg );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.client-js {
|
||||||
|
.mw-graph-interactable {
|
||||||
|
&:hover {
|
||||||
|
.mw-graph-layover {
|
||||||
|
background-color: var( --background-color-overlay--lighter );
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-graph-switch {
|
||||||
|
&.mw-graph-loading {
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-graph-hover-title {
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* common button style */
|
||||||
|
.mw-graph-switch {
|
||||||
|
border-color: var( --border-color-base );
|
||||||
|
background-color: var( --background-color-overlay--lighter );
|
||||||
|
color: var( --color-base );
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-color: var( --color-primary );
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
color: var( --color-primary );
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
border-color: var( --color-primary--active );
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
color: var( --color-primary );
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: var( --color-primary );
|
||||||
|
box-shadow: inset 0 0 0 1px var( --background-color-dp-00 );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loading button style */
|
||||||
|
&.mw-graph-loading {
|
||||||
|
border-color: var( --color-primary--active );
|
||||||
|
background-color: var( --background-color-dp-00 );
|
||||||
|
color: var( --color-base--subtle );
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-color: var( --color-primary );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -30,7 +30,6 @@
|
||||||
.ve-ui {
|
.ve-ui {
|
||||||
&-toolbar {
|
&-toolbar {
|
||||||
> .oo-ui-toolbar-bar {
|
> .oo-ui-toolbar-bar {
|
||||||
display: flex;
|
|
||||||
border-color: var( --border-color-base--darker );
|
border-color: var( --border-color-base--darker );
|
||||||
background-color: var( --background-color-dp-00 );
|
background-color: var( --background-color-dp-00 );
|
||||||
|
|
||||||
|
@ -160,6 +159,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ve-ui-toolbar > .oo-ui-toolbar-bar {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
.ve-init-mw-desktopArticleTarget {
|
.ve-init-mw-desktopArticleTarget {
|
||||||
&-toolbar {
|
&-toolbar {
|
||||||
&.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
|
&.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
|
||||||
|
|
Loading…
Reference in a new issue