Fix pie chart disappearing in 2/3 column graph modes

This commit is contained in:
Damien Elmes 2022-12-04 19:24:37 +10:00
parent 0ebe70fe23
commit 2531a4dab6

View File

@ -48,7 +48,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</InputBox>
<div class="counts-outer">
<div class="svg-container" width={bounds.width} height={bounds.height}>
<div class="svg-container">
<svg
bind:this={svg}
viewBox={`0 0 ${bounds.width} ${bounds.height}`}
@ -94,6 +94,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
display: flex;
justify-content: center;
margin: 0 4vw;
flex-wrap: wrap;
flex: 1;
.svg-container {
width: 225px;
@ -120,27 +122,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
}
}
/* On narrow devices, stack graph and table in a column */
@media only screen and (max-width: 600px) {
.counts-outer {
display: flex;
flex-direction: column;
align-items: center;
.svg-container {
width: 180px;
svg {
margin-left: 4vw;
}
}
.counts-table table td {
padding: 0 min(6vw, 30px);
}
}
}
.search-link:hover {
cursor: pointer;
color: var(--fg-link);