Change position of the add file button next to the check box

master
Max 5 years ago
parent 88d68e6ae0
commit 14b2c798d9

@ -13,21 +13,27 @@
Your browser does not support playing HTML5 video. Your browser does not support playing HTML5 video.
</video> </video>
</div> </div>
<mat-form-field id="input"> <mat-form-field class="input">
<textarea matInput #content type="text" (input)="onTextInputChange()" [(ngModel)]="textInputValue" [disabled]="posting" <textarea matInput #content type="text" (input)="onTextInputChange()" [(ngModel)]="textInputValue" [disabled]="posting"
mat-autosize="true" matAutosizeMaxRows="3" placeholder="post something"></textarea> mat-autosize="true" matAutosizeMaxRows="3" placeholder="post something"></textarea>
<button mat-button matSuffix mat-icon-button (click)="name.click()" </mat-form-field>
<input style="display: none" id="input-file" type="file" accept="video/*,image/*" (change)="onFileInputChange($event)" #name>
<div class="input">
<div class="left">
<p id="check">
<mat-checkbox color="primary" [(ngModel)]="checked" checked="checked" [disabled]="posting">I protected the environment.
</mat-checkbox>
</p>
</div>
<div class="right">
<button mat-button mat-icon-button (click)="name.click()"
matTooltip="upload a picture or video (up to 10MB)" matTooltip="upload a picture or video (up to 10MB)"
matTooltipShowDelay="200" matTooltipShowDelay="200"
[disabled]="posting"> [disabled]="posting">
<mat-icon>attach_file</mat-icon> <mat-icon>attach_file</mat-icon>
</button> </button>
<input style="display: none" id="input-file" type="file" accept="video/*,image/*" (change)="onFileInputChange($event)" #name> </div>
</mat-form-field> </div>
<p id="check">
<mat-checkbox color="primary" [(ngModel)]="checked" checked="checked" [disabled]="posting">I protected the environment.
</mat-checkbox>
</p>
<mat-form-field id="action-chooser" *ngIf="checked"> <mat-form-field id="action-chooser" *ngIf="checked">
<mat-label>What did you do?</mat-label> <mat-label>What did you do?</mat-label>
<mat-select [(ngModel)]="activityId" name="action" [disabled]="posting"> <mat-select [(ngModel)]="activityId" name="action" [disabled]="posting">

@ -27,12 +27,17 @@
#feedlist #feedlist
width: 100% width: 100%
#input .input
width: 100% width: 100%
padding-left: 0.5em padding-left: 0.5em
padding-right: 0.5em padding-right: 0.5em
.mat-icon .left, .right
transform: scale(1.5) display: inline-block
width: 50%
.left
text-align: left
.right
text-align: right
#inputPreview #inputPreview
max-width: 100% max-width: 100%
max-height: 40vh max-height: 40vh
@ -60,6 +65,10 @@
#check #check
margin: 0 margin: 0
padding-left: 0.5em padding-left: 0.5em
display: contents
#button-box
text-align: right
margin-left: auto
#post-button #post-button
width: 100% width: 100%

Loading…
Cancel
Save