MOBILE-2768 acceptances: Fix wrap in tables and add circle icon

main
Dani Palou 2024-04-04 16:25:32 +02:00
parent c243be806a
commit a7ed9ea375
2 changed files with 13 additions and 6 deletions

View File

@ -71,8 +71,8 @@
(ariaButtonClick)="toggle($event, policy)" class="expandable-status-icon"
[class.expandable-status-icon-expanded]="policy.expanded" [attr.aria-expanded]="policy.expanded"
[attr.aria-label]="(policy.expanded ? 'core.collapse' : 'core.expand') | translate" />
<ion-icon *ngIf="!isPreviousVersion && !policy.previousVersions.length" class="core-policy-icon-placeholder"
aria-hidden="true" />
<ion-icon *ngIf="!isPreviousVersion && !policy.previousVersions.length" name="fas-circle" color="secondary"
class="core-policy-icon-bullet" aria-hidden="true" />
<a href="#" (click)="viewFullPolicy($event, policy)">{{ policy.name }}</a>
</td>

View File

@ -83,7 +83,7 @@
}
th, td {
text-wrap: nowrap;
white-space: nowrap;
}
p {
@ -94,15 +94,22 @@
display: flex;
align-items: center;
a {
white-space: normal;
width: 304px;
}
ion-icon {
font-size: 1.125rem;
padding: 13px;
margin: 3px;
&.core-policy-icon-bullet {
font-size: 6px;
width: 18px;
}
}
.core-policy-icon-placeholder {
visibility: hidden;
}
}
.core-policy-revision p {