Fixes style of uppercase and bold subtitles on templates form

This commit is contained in:
apapachristou 2020-10-05 17:58:44 +03:00
parent 6d7a477838
commit 394fc15018
3 changed files with 15 additions and 5 deletions

View File

@ -1,14 +1,13 @@
<div class="col-12">
<div class="row">
<h5 *ngIf="form.get('title').value && !isChild" class="col-auto copositeField toc-copositeField-header" [id]="this.form.get('id').value">
<h5 *ngIf="form.get('title').value && !isChild" class="col-auto compositeField toc-compositeField-header" [id]="this.form.get('id').value">
{{form.get('numbering').value}}
{{form.get('title').value}}
<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
Mark For Consideration
</a> -->
</h5>
<mat-icon class="col-auto" *ngIf="this.form.get('additionalInformation').value && !isChild"
matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
<mat-icon class="col-auto info-icon" *ngIf="this.form.get('additionalInformation').value && !isChild" matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
</div>
</div>

View File

@ -1,4 +1,4 @@
.copositeField {
.compositeField {
// font-weight: bold;
// color: #3a3737;
// max-width: 100%;
@ -12,3 +12,7 @@
margin-top: 1.625rem;
margin-bottom: 0.625rem;
}
.info-icon{
margin-top: 1.625rem;
}

View File

@ -7,18 +7,25 @@
.addOneFieldButton {
margin-top: -15px;
margin-left: -11px;
color: #129d99;
}
.panel-title,
.panel-desc {
text-align: left;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0px;
color: #212121;
opacity: 0.81;
margin-top: 1.625rem;
margin-bottom: 0.625rem;
}
.panel-desc {
text-transform: capitalize;
font-weight: 400;
margin-top: .5rem;
}
}
.styleBorder {
border: 0.2em solid lightgray;