tvolkmann/travopti
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'develop' of https://git.it.hs-heilbronn.de/tjohn/cc-data into develop

Browse Source
This commit is contained in:
Timo John 2020-06-24 11:51:07 +02:00
commit 6cd226bf56
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/search-input/search-input.component.html
View File

@ -68,14 +68,14 @@
<section class="group"> <section class="group">
<span class="title">Text</span> <span class="title">Text</span>
<div class="content vertical-wrap"> <div class="content vertical-wrap">
<mat-form-field appearance="outline" class="text-input"> <mat-form-field appearance="outline" style="margin-bottom: -1.25em">
<mat-label>Text search</mat-label> <mat-label>Text search</mat-label>
<input [(ngModel)]="textFilter" matInput> <input [(ngModel)]="textFilter" matInput>
<button (click)="textFilter = ''" *ngIf="textFilter.length" mat-icon-button matSuffix> <button (click)="textFilter = ''" *ngIf="textFilter.length" mat-icon-button matSuffix>
<mat-icon>clear</mat-icon> <mat-icon>clear</mat-icon>
</button> </button>
</mat-form-field> </mat-form-field>
<div class="horizontal space"> <div class="horizontal space center">
<span>Search in description </span> <span>Search in description </span>
<mat-slide-toggle [(ngModel)]="fullText"></mat-slide-toggle> <mat-slide-toggle [(ngModel)]="fullText"></mat-slide-toggle>
</div> </div>

10
frontend/src/app/components/search-input/search-input.component.scss
View File

@ -54,11 +54,17 @@
&.space { &.space {
> * { > * {
margin-right: 1rem; margin: 0.5rem;
} }
} }
&.center {
justify-content: space-around;
} }
}
.vertical { .vertical {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -68,7 +74,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-evenly;
align-items: center; align-items: center;
> * { > * {