langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

subtitles under title

Browse Source
This commit is contained in:
Damien Elmes 2020-08-04 17:40:26 +10:00
parent 510d9d0bf5
commit 0673193f27
7 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ts/src/stats/AddedGraph.svelte
View File

@ -31,12 +31,12 @@
<div class="graph" id="graph-added"> <div class="graph" id="graph-added">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} /> <GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} />
</div> </div>
<div class="subtitle">{subtitle}</div>
<HistogramGraph data={histogramData} {i18n} /> <HistogramGraph data={histogramData} {i18n} />
<TableData {i18n} {tableData} /> <TableData {i18n} {tableData} />

4
ts/src/stats/ButtonsGraph.svelte
View File

@ -28,12 +28,12 @@
<div class="graph" id="graph-buttons"> <div class="graph" id="graph-buttons">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div>
<svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}> <svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}>
<g class="bars" /> <g class="bars" />
<g class="hoverzone" /> <g class="hoverzone" />

4
ts/src/stats/FutureDue.svelte
View File

@ -38,6 +38,8 @@
<div class="graph" id="graph-future-due"> <div class="graph" id="graph-future-due">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<label> <label>
<input type="checkbox" bind:checked={backlog} /> <input type="checkbox" bind:checked={backlog} />
@ -47,8 +49,6 @@
<GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} /> <GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} />
</div> </div>
<div class="subtitle">{subtitle}</div>
<HistogramGraph data={histogramData} {i18n} /> <HistogramGraph data={histogramData} {i18n} />
<TableData {i18n} {tableData} /> <TableData {i18n} {tableData} />

4
ts/src/stats/HourGraph.svelte
View File

@ -27,12 +27,12 @@
<div class="graph" id="graph-hour"> <div class="graph" id="graph-hour">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div>
<svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}> <svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}>
<g class="bars" /> <g class="bars" />
<path class="area" /> <path class="area" />

4
ts/src/stats/IntervalsGraph.svelte
View File

@ -38,6 +38,8 @@
<div class="graph intervals" id="graph-intervals"> <div class="graph intervals" id="graph-intervals">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<label> <label>
<input type="radio" bind:group={range} value={IntervalRange.Month} /> <input type="radio" bind:group={range} value={IntervalRange.Month} />
@ -64,8 +66,6 @@
</label> </label>
</div> </div>
<div class="subtitle">{subtitle}</div>
<HistogramGraph data={histogramData} {i18n} /> <HistogramGraph data={histogramData} {i18n} />
<TableData {i18n} {tableData} /> <TableData {i18n} {tableData} />

4
ts/src/stats/ReviewsGraph.svelte
View File

@ -49,6 +49,8 @@
<div class="graph" id="graph-reviews"> <div class="graph" id="graph-reviews">
<h1>{title}</h1> <h1>{title}</h1>
<div class="subtitle">{subtitle}</div>
<div class="range-box-inner"> <div class="range-box-inner">
<label> <label>
<input type="checkbox" bind:checked={showTime} /> <input type="checkbox" bind:checked={showTime} />
@ -58,8 +60,6 @@
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div>
<svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}> <svg bind:this={svg} viewBox={`0 0 ${bounds.width} ${bounds.height}`}>
{#each [4, 3, 2, 1, 0] as i} {#each [4, 3, 2, 1, 0] as i}
<g class="bars{i}" /> <g class="bars{i}" />

2
ts/src/stats/graphs.scss
View File

@ -41,6 +41,7 @@ body {
.graph h1 { .graph h1 {
text-align: center; text-align: center;
margin-bottom: 0.25em;
} }
.no-domain-line .domain { .no-domain-line .domain {
@ -151,6 +152,7 @@ body {
.subtitle { .subtitle {
text-align: center; text-align: center;
margin-bottom: 1em;
} }
body.night-mode { body.night-mode {