MOBILE-2768 acceptances: Fix wrap in tables and add circle icon
This commit is contained in:
		
							parent
							
								
									c243be806a
								
							
						
					
					
						commit
						a7ed9ea375
					
				@ -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>
 | 
				
			||||||
 | 
				
			|||||||
@ -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 {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user