styling fixes
This commit is contained in:
parent
d16caf6b9f
commit
16fcd26c04
|
@ -3,10 +3,10 @@
|
|||
<!-- TITLE -->
|
||||
<div class="">
|
||||
<div class="row fielset-header">
|
||||
<div class="col-auto">
|
||||
<div class="col-auto pr-0">
|
||||
<div class="row flex-column h-100">
|
||||
<div class="col">
|
||||
<div class="container h-100 numbering-container border border-primary rounded text-center">
|
||||
<div class="container h-100 text-center">
|
||||
<div class="row">
|
||||
<div class="col-12 numbering"><span>{{numbering}}</span></div>
|
||||
</div>
|
||||
|
@ -19,9 +19,9 @@
|
|||
<!-- <mat-form-field class="numbering-label" [ngStyle]="calculateLabelWidth(numbering)">
|
||||
<input [ngClass]="{'text-danger':form.get('title').invalid &&form.get('title').touched}" matInput type="text" [value]="numbering" disabled>
|
||||
</mat-form-field> -->
|
||||
<div class="col">
|
||||
<div class="col pl-0">
|
||||
<mat-form-field class="w-100 field-title" floatLabel="never">
|
||||
<textarea matInput type="text" [placeholder]="('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate)+' '+('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.QUESTION'| translate)" #titleControl="matInput" [formControl]="this.form.get('title')"></textarea>
|
||||
<textarea matInput type="text" [placeholder]="('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate)+' '+('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.QUESTION'| translate)" #titleControl="matInput" [formControl]="this.form.get('title')" class="question-title"></textarea>
|
||||
<mat-error *ngIf="this.form.get('title').hasError('backendError')">{{form.get('title').getError('backendError').message}}</mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
@use 'sass:math';
|
||||
@import "assets/scss/core/_variables.scss";
|
||||
|
||||
.full-width{
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -150,16 +153,20 @@ $blue-color-light: #5cf7f2;
|
|||
color: #212121;
|
||||
}
|
||||
|
||||
.numbering-container {
|
||||
|
||||
border: 1px solid #F0F0F0!important;
|
||||
|
||||
.numbering {
|
||||
font-size: 17px;
|
||||
font-weight: 400; color: #a0a0a0;
|
||||
padding-top: var(--mat-form-field-container-vertical-padding);
|
||||
padding-bottom: var(--mat-form-field-container-vertical-padding);
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.numbering {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
line-height: $bmd-line-height !important;
|
||||
padding-top: var(--mat-form-field-container-vertical-padding);
|
||||
padding-bottom: var(--mat-form-field-container-vertical-padding);
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.question-title {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
::ng-deep .mdc-text-field--outlined .mdc-notched-outline {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue