[ACS-7414] - Manage versions dialog

This commit is contained in:
DominikIwanek
2024-04-04 14:48:43 +02:00
committed by VitoAlbano
parent 689c3ee623
commit 96a38272f5
5 changed files with 31 additions and 36 deletions

View File

@@ -13,7 +13,7 @@
</adf-version-upload>
</section>
<ng-container *ngIf="data.showVersionsOnly">
<section mat-dialog-content>
<section class="adf-new-version-uploader-dialog-content" mat-dialog-content>
<div class="adf-version-list-container">
<div class="adf-version-list-table">
<adf-version-list

View File

@@ -24,7 +24,7 @@
height: 500px;
}
&-title {
.adf-new-version-uploader-dialog-title {
flex: 0 0 auto;
font-size: 20px;
font-weight: 600;
@@ -36,12 +36,12 @@
color: var(--adf-theme-foreground-text-color-087);
}
&-content {
.adf-new-version-uploader-dialog-content {
padding: 0;
flex: 1 1 auto;
position: relative;
max-height: 100vh;
overflow: hidden;
padding: 2px 26px;
}
&-actions {

View File

@@ -30,38 +30,25 @@
<button *ngIf="allowViewVersions"
[id]="'adf-version-list-action-view-' + version.entry.id"
mat-menu-item
(click)="onViewVersion(version.entry.id)">
{{ 'ADF_VERSION_LIST.ACTIONS.VIEW' | translate }}
(click)="downloadVersion(version.entry.id)">
{{ 'ADF_VERSION_LIST.ACTIONS.DOWNLOAD' | translate }}
</button>
</ng-container>
<button
[id]="'adf-version-list-action-restore-' + version.entry.id"
[disabled]="!canUpdate() || latestVersion"
mat-menu-item
(click)="restore(version.entry.id)">
{{ 'ADF_VERSION_LIST.ACTIONS.RESTORE' | translate }}
</button>
<button *ngIf="allowDownload"
[id]="'adf-version-list-action-download-' + version.entry.id"
mat-menu-item
(click)="downloadVersion(version.entry.id)">
{{ 'ADF_VERSION_LIST.ACTIONS.DOWNLOAD' | translate }}
</button>
<button
[disabled]="!canDelete()"
[id]="'adf-version-list-action-delete-' + version.entry.id"
(click)="deleteVersion(version.entry.id)"
mat-menu-item>
{{ 'ADF_VERSION_LIST.ACTIONS.DELETE' | translate }}
</button>
</mat-menu>
<button
[disabled]="!canDelete()"
[id]="'adf-version-list-action-delete-' + version.entry.id"
(click)="deleteVersion(version.entry.id)"
mat-menu-item>
{{ 'ADF_VERSION_LIST.ACTIONS.DELETE' | translate }}
</button>
</mat-menu>
<button mat-icon-button
[matMenuTriggerFor]="versionMenu"
[id]="'adf-version-list-action-menu-button-' + version.entry.id"
title="{{ 'ADF_VERSION_LIST.MANAGE_VERSION_OPTIONS' | translate }}">
<mat-icon>more_vert</mat-icon>
</button>
<button mat-icon-button
[matMenuTriggerFor]="versionMenu"
[id]="'adf-version-list-action-menu-button-' + version.entry.id"
title="{{ 'ADF_VERSION_LIST.MANAGE_VERSION_OPTIONS' | translate }}">
<mat-icon>more_vert</mat-icon>
</button>
</div>
</div>
</mat-list-item>
</cdk-virtual-scroll-viewport>

View File

@@ -1,8 +1,9 @@
/* stylelint-disable selector-class-pattern */
/* stylelint-disable no-descending-specificity */
@import 'styles/mat-selectors';
.adf-version-list {
&-viewport {
height: 100%;
overflow-x: hidden;
display: flex;
@@ -28,6 +29,7 @@
&-item-comment {
width: 100%;
opacity: 0.5;
margin: 0;
@media screen and (width <= 629px) {
width: 97%;

View File

@@ -2,11 +2,17 @@
.adf {
&-notification-history-menu_button#{$mat-button} {
margin-right: 0;
margin-right: 8px;
border-radius: 90%;
padding: 0;
min-width: 40px;
height: 40px;
.adf-notification-history-menu_button-icon {
font-size: 24px;
height: 24px;
width: 24px;
}
}
&-notification-history-list #{$mat-subheader} {