Browse Source

fix: keep import modal actions reachable with many notices

pull/6609/head
gilangjavier 2 weeks ago
parent
commit
ad3b2b8160
  1. 2
      apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
  2. 9
      apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss

2
apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html

@ -156,7 +156,7 @@
</button> </button>
</div> </div>
} @else { } @else {
<div class="pt-3"> <div class="notices pt-3">
<mat-accordion displayMode="flat"> <mat-accordion displayMode="flat">
@for (message of errorMessages; track message; let i = $index) { @for (message of errorMessages; track message; let i = $index) {
<mat-expansion-panel [disabled]="!details[i]"> <mat-expansion-panel [disabled]="!details[i]">

9
apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss

@ -2,7 +2,8 @@
display: block; display: block;
.mat-mdc-dialog-content { .mat-mdc-dialog-content {
max-height: unset; max-height: calc(100vh - 10rem);
overflow: auto;
a { a {
color: rgba(var(--palette-primary-500), 1); color: rgba(var(--palette-primary-500), 1);
@ -42,6 +43,12 @@
top: calc(50% - 10px); top: calc(50% - 10px);
} }
.notices {
max-height: min(24rem, 50vh);
overflow-y: auto;
padding-right: 0.25rem;
}
.mat-expansion-panel { .mat-expansion-panel {
background: none; background: none;
box-shadow: none; box-shadow: none;

Loading…
Cancel
Save