diff --git a/assets/styles/base.scss b/assets/styles/base.scss index 1669cdfa2..4de5ed70b 100644 --- a/assets/styles/base.scss +++ b/assets/styles/base.scss @@ -345,8 +345,24 @@ hr { } } } + .graph-grid{ + display : grid; + grid-row:1/1; + grid-column:1/1; + grid-template-columns: 1fr; + & > svg { + margin-bottom: -5px; + + } + } + .graph-grid>*{ + grid-row:1/1; + grid-column:1/1; + } & #graph-container { + grid-row:1/1; + grid-column:1/1; border: var(--outlinegray) 1px solid; border-radius: 5px; box-sizing: border-box; @@ -608,3 +624,4 @@ header { padding: 0 1em; } } + diff --git a/assets/styles/column.scss b/assets/styles/column.scss index 3758a51e5..977caf5b5 100644 --- a/assets/styles/column.scss +++ b/assets/styles/column.scss @@ -63,3 +63,28 @@ a.active{ text-decoration: none; cursor: pointer; } +#global-graph-toggle-button +{ + float:right; + background-color: Transparent; + background-repeat:no-repeat; + border: none; + padding:0.5em; +} + + +.icon { + display: inline-block; + width: 18px; + min-width:18px; + height: 18px; +} +#global-graph-svg{ + background: black; + mask: url(graph.svg); + cursor:pointer; +} +#global-graph-svg:hover{ + background: var(--primary); +} + diff --git a/layouts/_default/single.html b/layouts/_default/single.html index b10830274..4a08e9c05 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -62,7 +62,6 @@