Lot of visual improvements.
This commit is contained in:
@@ -5,8 +5,9 @@
|
||||
<div class="input-container">
|
||||
<input type="text" [formControl]="titleControl" />
|
||||
</div>
|
||||
<button mat-button type="button" class="expand" (click)="expand()">
|
||||
<mat-icon>expand_more</mat-icon>
|
||||
<button type="button" class="expand icon" (click)="expand()" matRipple>
|
||||
<mat-icon *ngIf="!isExpanded">expand_more</mat-icon>
|
||||
<mat-icon *ngIf="isExpanded">expand_less</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div [ngClass]="getExpendedClass()">
|
||||
@@ -18,10 +19,10 @@
|
||||
<textarea id="description"></textarea>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button matTooltip="Définir une alerte dans X minutes">
|
||||
<button class="icon raised" matRipple matTooltip="Définir une alerte dans X minutes">
|
||||
<mat-icon>update</mat-icon>
|
||||
</button>
|
||||
<button>
|
||||
<button class="icon raised alert" matRipple>
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -83,6 +83,7 @@
|
||||
textarea {
|
||||
flex-grow: 1;
|
||||
border: 1px solid #444;
|
||||
border-radius: .2rem;
|
||||
background-color: #4a4a4a;
|
||||
resize: none;
|
||||
}
|
||||
@@ -91,7 +92,6 @@
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
background-color: gray;
|
||||
height: 100%;
|
||||
flex-wrap: wrap;
|
||||
max-width: 20%;
|
||||
|
||||
Reference in New Issue
Block a user