SKE-54 create competition change style

This commit is contained in:
Przemysław Stawujak 2018-12-18 22:14:48 +01:00
parent d9ab9802cd
commit 6f0a565558
2 changed files with 20 additions and 10 deletions

View File

@ -10,3 +10,13 @@
.element-size { .element-size {
width: 500px; width: 500px;
} }
.field {
background-color: #DED4F4;
border: 1px solid gray;
border-left: 10px #739CB9 solid;
border-radius: 10px;
padding: 5px;
width: 520px;
margin-bottom: 10px;
}

View File

@ -5,7 +5,7 @@
<form (ngSubmit)="saveCompetition()" <form (ngSubmit)="saveCompetition()"
#createCompetitionForm="ngForm"> #createCompetitionForm="ngForm">
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<input matInput <input matInput
@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<mat-select placeholder="Kategorie" <mat-select placeholder="Kategorie"
@ -46,7 +46,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<textarea matInput <textarea matInput
@ -71,7 +71,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<textarea matInput <textarea matInput
@ -96,7 +96,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<mat-select placeholder="Minimalna klasa" <mat-select placeholder="Minimalna klasa"
@ -115,7 +115,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<mat-select placeholder="Maksymalna klasa" <mat-select placeholder="Maksymalna klasa"
@ -134,7 +134,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<input matInput <input matInput
@ -155,7 +155,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-8"> <div class="field">
<div class="form-group"> <div class="form-group">
<mat-form-field class="element-size"> <mat-form-field class="element-size">
<input matInput <input matInput
@ -165,7 +165,7 @@
name="endDate" name="endDate"
#endDate="ngModel" #endDate="ngModel"
disabled disabled
min="{{ createCompetition.startDate | date: 'yyyy-MM-dd'}}"> min="{{ (createCompetition.startDate ? createCompetition.startDate : today) | date: 'yyyy-MM-dd'}}">
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle> <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
<mat-datepicker #picker2 disabled="false"></mat-datepicker> <mat-datepicker #picker2 disabled="false"></mat-datepicker>
<mat-error *ngIf="endDate.invalid && endDate.errors"> <mat-error *ngIf="endDate.invalid && endDate.errors">