GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 06:22:22 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix pie chart disappearing in 2/3 column graph modes

Browse source
This commit is contained in:
Damien Elmes 2022-12-04 19:24:37 +10:00
parent 0ebe70fe23
commit 2531a4dab6
1 changed files with 3 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
ts/graphs/CardCounts.svelte
View file

@ -48,7 +48,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</InputBox> </InputBox>
<div class="counts-outer"> <div class="counts-outer">
<div class="svg-container" width={bounds.width} height={bounds.height}> <div class="svg-container">
<svg <svg
bind:this={svg} bind:this={svg}
viewBox={`0 0 ${bounds.width} ${bounds.height}`} 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; display: flex;
justify-content: center; justify-content: center;
margin: 0 4vw; margin: 0 4vw;
flex-wrap: wrap;
flex: 1;
.svg-container { .svg-container {
width: 225px; 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 { .search-link:hover {
cursor: pointer; cursor: pointer;
color: var(--fg-link); color: var(--fg-link);