Commit 1e00e9af authored by Jean-Baptiste Nizet's avatar Jean-Baptiste Nizet Committed by Exbrayat Cédric
Browse files

feat: use small text-muted with a consistent margin for document counts

parent 3d59078d
......@@ -11,7 +11,10 @@
<input class="form-check-input" type="checkbox"
[id]="aggregation.name + bucket.key"
[formControlName]="bucket.key">
<label class="form-check-label" [for]="aggregation.name + bucket.key">{{ bucket.key }} [{{ bucket.documentCount | number }}]</label>
<label class="form-check-label" [for]="aggregation.name + bucket.key">
<span>{{ bucket.key }}</span>
<small class="text-muted ml-1">[{{ bucket.documentCount | number }}]</small>
</label>
</div>
</div>
</form>
......
......@@ -46,9 +46,12 @@ describe('AggregationsComponent', () => {
expect(tester.title).toHaveText('coo');
// and the buckets with their name and count
expect(tester.labels.length).toBe(3);
expect(tester.labels[0]).toHaveText('France [10]');
expect(tester.labels[1]).toHaveText('Italy [20]');
expect(tester.labels[2]).toHaveText('New Zealand [30]');
expect(tester.labels[0]).toContainText('France');
expect(tester.labels[0]).toContainText('[10]');
expect(tester.labels[1]).toContainText('Italy');
expect(tester.labels[1]).toContainText('[20]');
expect(tester.labels[2]).toContainText('New Zealand');
expect(tester.labels[2]).toContainText('[30]');
});
it('should not display an aggregation with empty buckets', () => {
......
......@@ -5,7 +5,7 @@
<li *ngFor="let databaseSource of pillar.databaseSources">
<a *ngIf="databaseSource.url" [href]="databaseSource.url">{{ databaseSource.name }}</a>
<span *ngIf="!databaseSource.url">{{ databaseSource.name }}</span>
<small class="text-muted ml-2">[{{ databaseSource.documentCount | number }}]</small>
<small class="text-muted ml-1">[{{ databaseSource.documentCount | number }}]</small>
</li>
</ul>
</li>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment