Fixes style of uppercase and bold subtitles on templates form
This commit is contained in:
parent
6d7a477838
commit
394fc15018
|
@ -1,14 +1,13 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="row">
|
<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('numbering').value}}
|
||||||
{{form.get('title').value}}
|
{{form.get('title').value}}
|
||||||
<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
|
<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
|
||||||
Mark For Consideration
|
Mark For Consideration
|
||||||
</a> -->
|
</a> -->
|
||||||
</h5>
|
</h5>
|
||||||
<mat-icon class="col-auto" *ngIf="this.form.get('additionalInformation').value && !isChild"
|
<mat-icon class="col-auto info-icon" *ngIf="this.form.get('additionalInformation').value && !isChild" matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
|
||||||
matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
.copositeField {
|
.compositeField {
|
||||||
// font-weight: bold;
|
// font-weight: bold;
|
||||||
// color: #3a3737;
|
// color: #3a3737;
|
||||||
// max-width: 100%;
|
// max-width: 100%;
|
||||||
|
@ -12,3 +12,7 @@
|
||||||
margin-top: 1.625rem;
|
margin-top: 1.625rem;
|
||||||
margin-bottom: 0.625rem;
|
margin-bottom: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info-icon{
|
||||||
|
margin-top: 1.625rem;
|
||||||
|
}
|
||||||
|
|
|
@ -7,18 +7,25 @@
|
||||||
.addOneFieldButton {
|
.addOneFieldButton {
|
||||||
margin-top: -15px;
|
margin-top: -15px;
|
||||||
margin-left: -11px;
|
margin-left: -11px;
|
||||||
|
color: #129d99;
|
||||||
}
|
}
|
||||||
.panel-title,
|
.panel-title,
|
||||||
.panel-desc {
|
.panel-desc {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 16px;
|
font-size: 1rem;
|
||||||
letter-spacing: 0px;
|
letter-spacing: 0px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
opacity: 0.81;
|
opacity: 0.81;
|
||||||
margin-top: 1.625rem;
|
margin-top: 1.625rem;
|
||||||
margin-bottom: 0.625rem;
|
margin-bottom: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.panel-desc {
|
||||||
|
text-transform: capitalize;
|
||||||
|
font-weight: 400;
|
||||||
|
margin-top: .5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.styleBorder {
|
.styleBorder {
|
||||||
border: 0.2em solid lightgray;
|
border: 0.2em solid lightgray;
|
||||||
|
|
Loading…
Reference in New Issue