Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

hotfix: fix mermaid.js diagrams, closes #4640

pull/4641/head
Scott Anderson 2022-11-16 14:21:02 -07:00
parent 71a61c080d
commit 488125b2d9
5 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/styles/layouts/_api-overrides.scss
View File

@ -2,7 +2,7 @@
@import "tools/fonts"; @import "tools/fonts";
// Fonts // Fonts
$rubik: 'Rubik', sans-serif; $proxima: 'Proxima Nova', sans-serif;
$code: 'IBM Plex Mono', monospace;; $code: 'IBM Plex Mono', monospace;;
// Font weights // Font weights
@ -44,7 +44,7 @@ $bold: 700;
//////////////////////////////// InfluxDB Header /////////////////////////////// //////////////////////////////// InfluxDB Header ///////////////////////////////
#influx-header { #influx-header {
font-family: $rubik; font-family: $proxima;
padding: 10px ; padding: 10px ;
display: flex; display: flex;
align-items: center; align-items: center;
@ -98,7 +98,7 @@ $bold: 700;
.cjtbAK { .cjtbAK {
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
p,li,th,td { p,li,th,td {
font-family: $rubik !important; font-family: $proxima !important;
} }
} }
@ -125,7 +125,7 @@ $bold: 700;
color: $g20-white; color: $g20-white;
border: none; border: none;
border-radius: 3px; border-radius: 3px;
font-family: $rubik; font-family: $proxima;
font-size: .85rem; font-size: .85rem;
font-weight: $medium; font-weight: $medium;
transition: background-color .2s; transition: background-color .2s;
@ -203,7 +203,7 @@ $bold: 700;
// List item text // List item text
.SmuWE, .gcUzvG, .bbViyS, .sc-hrWEMg label { .SmuWE, .gcUzvG, .bbViyS, .sc-hrWEMg label {
font-family: $rubik !important; font-family: $proxima !important;
} }
.fyUykq { .fyUykq {
@ -230,7 +230,7 @@ $bold: 700;
.dtUibw, .fLUKgj { .dtUibw, .fLUKgj {
background-color: $g2-kevlar; background-color: $g2-kevlar;
h3,h4,h5,h6 { h3,h4,h5,h6 {
font-family: $rubik !important; font-family: $proxima !important;
font-weight: $medium !important; font-weight: $medium !important;
} }
} }
@ -259,7 +259,7 @@ $bold: 700;
.hOczRB, .hOczRB,
.fRsrDc, .fRsrDc,
.hPskZd { .hPskZd {
font-family: $rubik; font-family: $proxima;
font-weight: $medium; font-weight: $medium;
letter-spacing: .04em; letter-spacing: .04em;
border-radius: 3px; border-radius: 3px;
@ -273,14 +273,14 @@ $bold: 700;
// Content type block // Content type block
.gzAoUb { .gzAoUb {
background-color: $g2-kevlar; background-color: $g2-kevlar;
font-family: $rubik; font-family: $proxima;
} }
.iENVAs { font-family: $code; } .iENVAs { font-family: $code; }
.dpMbau { font-family: $rubik; } .dpMbau { font-family: $proxima; }
// Code controls // Code controls
.fCJmC { .fCJmC {
font-family: $rubik; font-family: $proxima;
span { border-radius: 3px; } span { border-radius: 3px; }
} }

8
assets/styles/layouts/article/_diagrams.scss
View File

@ -3,11 +3,11 @@
color: $article-bg; color: $article-bg;
margin: 3rem 0; margin: 3rem 0;
transition: opacity .5s; transition: opacity .5s;
font-family: $proxima;
.arrowheadPath, .arrowMarkerPath { fill: $diagram-arrow !important; } .arrowheadPath, .arrowMarkerPath { fill: $diagram-arrow !important; }
.edgePath .path, .flowchart-link { stroke: $diagram-arrow !important; } .edgePath .path, .flowchart-link { stroke: $diagram-arrow !important; }
.label { color: $article-text !important; } .label, .nodeLabel { color: $article-text !important; }
.cluster-label .nodeLabel { .cluster-label .nodeLabel {
color: $article-code !important; color: $article-code !important;
} }
@ -41,4 +41,8 @@
stroke: none !important; stroke: none !important;
} }
} }
&[data-processed="true"] {
opacity: 1;
}
} }

6
assets/styles/layouts/article/_keybinding.scss
View File

@ -1,8 +1,8 @@
$osxFont: -apple-system, BlinkMacSystemFont, $rubik, 'Helvetica Neue', Arial, sans-serif; $osxFont: -apple-system, BlinkMacSystemFont, $proxima, 'Helvetica Neue', Arial, sans-serif;
.keybinding { .keybinding {
font-family: $rubik; font-family: $proxima;
code { font-family: $rubik; } code { font-family: $proxima; }
&.osx code {font-family: $osxFont;} &.osx code {font-family: $osxFont;}
code.osx {font-family: $osxFont;} code.osx {font-family: $osxFont;}
} }

2
assets/styles/layouts/article/_svgs.scss
View File

@ -12,7 +12,7 @@ svg {
max-width: 425px; max-width: 425px;
.st0 {stroke: $article-text;} .st0 {stroke: $article-text;}
.st1 {fill: $article-text;} .st1 {fill: $article-text;}
.st2 {font-family: $rubik; font-weight: $medium} .st2 {font-family: $proxima; font-weight: $medium}
} }
//////////////////////////////// Join Diagram //////////////////////////////// //////////////////////////////// Join Diagram ////////////////////////////////

8
layouts/partials/footer/javascript.html
View File

@ -35,13 +35,9 @@
<script> <script>
mermaid.initialize({ mermaid.initialize({
startOnLoad:true, startOnLoad:true,
mermaid: {
callback:function(id) {
$('.mermaid').css('opacity', 1);
}
},
themeVariables: { themeVariables: {
fontFamily: "Rubik", fontFamily: "Proxima Nova",
fontSize: '18px', fontSize: '18px',
} }
}) })