[CST-5270] Improvement requested from pull-1633

This commit is contained in:
Rezart Vata
2022-06-03 17:49:15 +02:00
parent d75136408b
commit 3c6a41f82a
6 changed files with 34 additions and 18 deletions

View File

@@ -3,9 +3,10 @@
[submissionId]="submissionId" [sectionType]="sectionData.sectionType" [sectionId]="sectionData.id">
<ngb-accordion #acc="ngbAccordion" *ngIf="(sectionRef.isEnabled() | async)"
(panelChange)="sectionRef.sectionChange($event)" activeIds="{{ sectionData.id }}" [destroyOnHide]="false">
<ngb-panel id="{{ sectionData.id }}">
<ngb-panel id="{{ sectionData.id }}" [type]="sectionRef.isInfo() ? 'alert-info' : ''">
<ng-template ngbPanelTitle>
<span class="float-left section-title" tabindex="0">{{ 'submission.sections.'+sectionData.header | translate
<span [ngClass]="{ 'light' : sectionRef.isInfo()}" class="float-left section-title" tabindex="0">{{
'submission.sections.'+sectionData.header | translate
}}</span>
<div class="d-inline-block float-right">
<i *ngIf="!(sectionRef.isValid() | async) && !(sectionRef.hasErrors()) && !(sectionRef.isInfo())"
@@ -20,7 +21,7 @@
class="fas fa-check-circle text-success mr-3"
title="{{'submission.sections.status.valid.title' | translate}}" role="img"
[attr.aria-label]="'submission.sections.status.valid.aria' | translate"></i>
<i *ngIf="sectionRef.isInfo() " class="fas fa-info-circle text-info mr-3"
<i *ngIf="sectionRef.isInfo()" class="fas fa-info-circle text-info mr-3"
title="{{'submission.sections.status.info.title' | translate}}" role="img"
[attr.aria-label]="'submission.sections.status.info.aria' | translate"></i>
<a class="close" tabindex="0" role="button"

View File

@@ -10,7 +10,7 @@
// TODO to remove the following when upgrading @ng-bootstrap
:host ::ng-deep .card:first-of-type {
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
border-bottom-left-radius: var(--bs-card-border-radius) !important;
border-bottom-right-radius: var(--bs-card-border-radius) !important;
}
@@ -19,3 +19,11 @@
box-shadow: none !important;
width: 100%;
}
:host .light {
color: #113d4f;
}
:host ::ng-deep .bg-alert-info {
background-color: #d2e4ea;
}