because the CSS was lazy-loaded the rules in arc-green did not win. included the css file in the main bundle to fix. the black dots can not be fixed via CSS because they are drawn in a `<canvas>` element unfortunately.tags/v1.10.5
'{{StaticUrlPrefix}}/vendor/plugins/vue/vue.min.js', | '{{StaticUrlPrefix}}/vendor/plugins/vue/vue.min.js', | ||||
// css | // css | ||||
'{{StaticUrlPrefix}}/css/gitgraph.css', | |||||
'{{StaticUrlPrefix}}/css/highlight.css', | |||||
'{{StaticUrlPrefix}}/css/index.css?v={{MD5 AppVer}}', | '{{StaticUrlPrefix}}/css/index.css?v={{MD5 AppVer}}', | ||||
'{{StaticUrlPrefix}}/css/swagger.css?v={{MD5 AppVer}}', | '{{StaticUrlPrefix}}/css/swagger.css?v={{MD5 AppVer}}', | ||||
'{{StaticUrlPrefix}}/fomantic/semantic.min.css?v={{MD5 AppVer}}', | '{{StaticUrlPrefix}}/fomantic/semantic.min.css?v={{MD5 AppVer}}', |
const graphCanvas = document.getElementById('graph-canvas'); | const graphCanvas = document.getElementById('graph-canvas'); | ||||
if (!graphCanvas) return; | if (!graphCanvas) return; | ||||
const [{ default: gitGraph }] = await Promise.all([ | |||||
import(/* webpackChunkName: "gitgraph" */'./gitGraph.js'), | |||||
import(/* webpackChunkName: "gitgraph" */'../css/gitGraph.css'), | |||||
]); | |||||
const { default: gitGraph } = await import(/* webpackChunkName: "gitgraph" */'./gitGraph.js'); | |||||
const graphList = []; | const graphList = []; | ||||
$('#graph-raw-list li span.node-relation').each(function () { | $('#graph-raw-list li span.node-relation').each(function () { |
@import "_explore"; | @import "_explore"; | ||||
@import "_review"; | @import "_review"; | ||||
@import "~highlight.js/styles/github.css"; | @import "~highlight.js/styles/github.css"; | ||||
@import "../css/gitGraph.css"; |