forked from EVOgeek/Vmeda.Online
		
	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