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 @@ ...@@ -11,7 +11,10 @@
<input class="form-check-input" type="checkbox" <input class="form-check-input" type="checkbox"
[id]="aggregation.name + bucket.key" [id]="aggregation.name + bucket.key"
[formControlName]="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>
</div> </div>
</form> </form>
......
...@@ -46,9 +46,12 @@ describe('AggregationsComponent', () => { ...@@ -46,9 +46,12 @@ describe('AggregationsComponent', () => {
expect(tester.title).toHaveText('coo'); expect(tester.title).toHaveText('coo');
// and the buckets with their name and count // and the buckets with their name and count
expect(tester.labels.length).toBe(3); expect(tester.labels.length).toBe(3);
expect(tester.labels[0]).toHaveText('France [10]'); expect(tester.labels[0]).toContainText('France');
expect(tester.labels[1]).toHaveText('Italy [20]'); expect(tester.labels[0]).toContainText('[10]');
expect(tester.labels[2]).toHaveText('New Zealand [30]'); 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', () => { it('should not display an aggregation with empty buckets', () => {
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<li *ngFor="let databaseSource of pillar.databaseSources"> <li *ngFor="let databaseSource of pillar.databaseSources">
<a *ngIf="databaseSource.url" [href]="databaseSource.url">{{ databaseSource.name }}</a> <a *ngIf="databaseSource.url" [href]="databaseSource.url">{{ databaseSource.name }}</a>
<span *ngIf="!databaseSource.url">{{ databaseSource.name }}</span> <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> </li>
</ul> </ul>
</li> </li>
......
Supports Markdown
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