subtitles under title

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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