styling changes dropdown, color, linebreak...

This commit is contained in:
test 2020-06-22 13:56:30 +02:00
parent 07dba52794
commit 68e4362fe2
2 changed files with 64 additions and 54 deletions

View File

@ -1,8 +1,15 @@
<!-- <div class="modal-lg"> --> <!-- <div class="modal-lg"> -->
<div class="modal-content p-3"> <div class="modal-content p-3">
<div class="modal-header"> <div class="modal-header">
<table>
<tr>
<h4 class="modal-title">Neuen Task anlegen</h4> <h4 class="modal-title">Neuen Task anlegen</h4>
<h6 class="modal-caption">Userstory: </h6> </tr>
<tr>
<h6 class="modal-caption text-muted"> Gehört zu Story: <a href="#"></a></h6>
</tr>
<!--getUserstory fehlt noch-->
</table>
<button (click)="onClose()" type="button" class="close" aria-label="Close"> <button (click)="onClose()" type="button" class="close" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
@ -18,10 +25,11 @@
[(ngModel)]="task.title"> [(ngModel)]="task.title">
</div> </div>
</div> </div>
<div class="col-md-1"></div>
<div class="col-md-2"> <div class="col-md-2">
<div class="form-group"> <div class="form-group">
<label for="Prio">Prio</label> <label for="Prio">Prio</label>
<select class="form-control" id="prio" required name="prio" <select class="form-control custom-select mr-sm-2" id="prio" required name="prio"
[(ngModel)]="task.priority"> [(ngModel)]="task.priority">
<option value="low">Low</option> <option value="low">Low</option>
<option value="medium">Medium</option> <option value="medium">Medium</option>
@ -38,6 +46,7 @@
[(ngModel)]="task.content"></textarea> [(ngModel)]="task.content"></textarea>
</div> </div>
</div> </div>
<div class="col-md-1"></div>
<div class="col-md-2"> <div class="col-md-2">
<div class="form-group"> <div class="form-group">
<label for="Inhalt">Status</label> <label for="Inhalt">Status</label>
@ -46,17 +55,15 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="Inhalt">Assigned User</label> <label for="Inhalt">Assigned User</label>
<input type="text" class="form-control" id="Author" required name="author" <input type="text" class="form-control" id="Author" required name="author">
>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
<div class="modal-footer"> <div class="modal-footer">
<button (click)="onClose()" type="dismiss" class="btn btn-secondary" <button (click)="onClose()" type="dismiss" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
data-dismiss="modal">Abbrechen</button>
<button type="submit" class="btn btn-primary">Erstellen</button> <button type="submit" class="btn btn-primary">Erstellen</button>
</div> </div>
</div> </div>
</div> </div>
<!-- </div> --> <!-- </div> -->

View File

@ -1,5 +1,5 @@
<!-- <div class="modal-lg"> --> <!-- <div class="modal-lg"> -->
<div class="modal-content p-3"> <div class="modal-content p-3 text-dark">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Neue Userstory anlegen</h4> <h4 class="modal-title">Neue Userstory anlegen</h4>
<button (click)="onClose()" type="button" class="close" aria-label="Close"> <button (click)="onClose()" type="button" class="close" aria-label="Close">
@ -17,10 +17,11 @@
[(ngModel)]="userstory.title"> [(ngModel)]="userstory.title">
</div> </div>
</div> </div>
<div class="col-md-1"></div>
<div class="col-md-2"> <div class="col-md-2">
<div class="form-group"> <div class="form-group">
<label for="Prio">Prio</label> <label for="Prio">Prio</label>
<select class="form-control" id="prio" required name="prio" <select class="custom-select mr-sm-2" id="prio" required name="prio"
[(ngModel)]="userstory.priority"> [(ngModel)]="userstory.priority">
<option value="low">Low</option> <option value="low">Low</option>
<option value="medium">Medium</option> <option value="medium">Medium</option>
@ -36,7 +37,9 @@
<textarea type="text" class="form-control" id="Story" required name="story" rows="5" <textarea type="text" class="form-control" id="Story" required name="story" rows="5"
[(ngModel)]="userstory.content"></textarea> [(ngModel)]="userstory.content"></textarea>
</div> </div>
</div> </div>
<div class="col-md-1"></div>
<div class="col-md-2"> <div class="col-md-2">
<div class="form-group"> <div class="form-group">
<label for="Inhalt">Status</label> <label for="Inhalt">Status</label>