machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2155 from mempool/nymkappa/feature/clickable-flags

Browse Source 
Make flags clickable
This commit is contained in:
wiz 2022-07-23 18:45:40 +02:00 committed by GitHub
commit ec9c9dda4d
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
View File

@ -35,11 +35,11 @@
<tr *ngFor="let country of countries">
<td class="text-left rank">{{ country.rank }}</td>
<td class="text-left text-truncate name">
<div class="d-flex">
<span style="font-size: 20px">{{ country.flag }}</span>
<a class="d-flex align-items-center" [routerLink]="['/lightning/nodes/country' | relativeUrl, country.iso]">
<span class="flag">{{ country.flag }}</span>
&nbsp;
<a class="mt-auto mb-auto" [routerLink]="['/lightning/nodes/country' | relativeUrl, country.iso]">{{ country.name.en }}</a>
</div>
<span class="link">{{ country.name.en }}</span>
</a>
</td>
<td class="text-right share">{{ country.share }}%</td>
<td class="text-right nodes">{{ country.count }}</td>

12
frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss
View File

@ -79,3 +79,15 @@
max-width: 100px;
}
}
a {
text-decoration: none;
}
a:hover .link {
text-decoration: underline;
}
.flag {
font-size: 20px;
}