ACS-7561 - permissions page (#9675)

This commit is contained in:
dominikiwanekhyland 2024-05-13 11:46:59 +02:00 committed by VitoAlbano
parent d01615265a
commit 64f62d881f
2 changed files with 18 additions and 3 deletions

View File

@ -42,13 +42,14 @@
<button <button
mat-flat-button mat-flat-button
data-automation-id="permission-info-button" data-automation-id="permission-info-button"
class="adf-permission-visibility-toggle"
[adf-pop-over]="inheritedPermission" [adf-pop-over]="inheritedPermission"
[target]="target" [target]="target"
#popOver="adfPopOver" #popOver="adfPopOver"
*ngIf="model.node.permissions.isInheritanceEnabled"> *ngIf="model.node.permissions.isInheritanceEnabled">
{{ (popOver.open ? 'PERMISSION_MANAGER.LABELS.HIDE' : 'PERMISSION_MANAGER.LABELS.SHOW') | translate }} {{ (popOver.open ? 'PERMISSION_MANAGER.LABELS.HIDE' : 'PERMISSION_MANAGER.LABELS.SHOW') | translate }}
<mat-icon *ngIf="popOver.open" iconPositionEnd> keyboard_arrow_up </mat-icon> <mat-icon class="adf-permission-visibility-toggle-icon" iconPositionEnd>
<mat-icon *ngIf="!popOver.open" iconPositionEnd> keyboard_arrow_down </mat-icon> {{ popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon>
</button> </button>
</div> </div>
@ -87,7 +88,7 @@
[disabled]="!selectedPermissions?.length" [disabled]="!selectedPermissions?.length"
(click)="deleteSelection()" (click)="deleteSelection()"
data-automation-id="adf-delete-selected-permission"> data-automation-id="adf-delete-selected-permission">
<mat-icon>delete_outline</mat-icon> <mat-icon class="adf-delete-selected-permission-icon">delete_outline</mat-icon>
</button> </button>
</section> </section>

View File

@ -22,6 +22,15 @@
align-items: center; align-items: center;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-color-007);
.adf-permission-visibility-toggle {
.adf-permission-visibility-toggle-icon {
font-size: 24px;
height: 24px;
width: 24px;
margin: 1px 0 0 4px;
}
}
} }
&-inherit-container { &-inherit-container {
@ -37,6 +46,7 @@
&-inherit-toggle { &-inherit-toggle {
padding-left: 30px; padding-left: 30px;
margin-top: -2px;
} }
&-inherit-subtitle { &-inherit-subtitle {
@ -79,6 +89,10 @@
flex: 1 1 auto; flex: 1 1 auto;
padding: 0; padding: 0;
} }
&-delete-selected-permission-icon {
color: var(--theme-grey-divider-color);
}
} }
[aria-sort='Ascending'] adf-user-role-column, [aria-sort='Ascending'] adf-user-role-column,