Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-12-23 09:08:26 +01:00
Code Issues Projects Releases Wiki Activity

Fix Chart UI Source Repository URL redner issue

Browse Source 
1. When there are multiple source repos, the table should display multiple lines
2. Wrap text when url too long
This commit is contained in:
Deng, Qian 2018-08-06 17:20:36 +08:00
parent c04e752cf3
commit b52987bebd
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail-summary.component.html
View File

@ -18,14 +18,15 @@
<tbody> <tbody>
<tr> <tr>
<td class="left">{{'HELM_CHART.HOME' | translate }}</td> <td class="left">{{'HELM_CHART.HOME' | translate }}</td>
<td class="left"> <td class="left text-wrappe">
<a href="{{summary.home}}">{{summary.home}}</a> <a href="{{summary.home}}">{{summary.home}}</a>
</td> </td>
</tr> </tr>
<tr> <tr *ngFor="let src of summary.sources; let i = index">
<td class="left">{{'HELM_CHART.SRC_REPO' | translate }}</td> <td class="left" *ngIf="i === 0">{{'HELM_CHART.SRC_REPO' | translate }}</td>
<td class="left"> <td class="left" *ngIf="i !== 0"></td>
<a href="{{summary.sources}}">{{summary.sources}}</a> <td class="left text-wrapper" >
<a href="{{src}}">{{src}}</a>
</td> </td>
</tr> </tr>
<tr> <tr>

4
src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail-summary.component.scss
View File

@ -19,4 +19,8 @@
.content-icon { .content-icon {
margin-right: 6px; margin-right: 6px;
} }
.text-wrapper {
word-break: break-all;
}
} }