EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #4000 from dpalou/MOBILE-2768 

MOBILE-2768 acceptances: Fix wrap in tables and add circle icon
main
Pau Ferrer Ocaña 2024-04-04 16:56:17 +02:00 committed by GitHub
parent 3036d096aa a7ed9ea375
commit 3b98ab8214
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/core/features/policy/pages/acceptances/acceptances.html
View File

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

15
src/core/features/policy/pages/acceptances/acceptances.scss
View File

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