isa44.74/To-do-List-App
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

changed min-dimensions

Browse source
This commit is contained in:
imelilabourne 2020-09-17 08:33:37 +08:00
parent c865916256
commit 6fe941ec23
3 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
db.json
View file

@ -1,7 +1,7 @@
{ {
"tasks": [ "tasks": [
{ {
"title": "Drink Iced Coffee", "title": "Drink Coffee",
"completed": false, "completed": false,
"editing": false, "editing": false,
"id": 1 "id": 1

8
src/app/Todo-List-App/containers/TodoList/todo-list.component.css
View file

@ -34,9 +34,11 @@ li > *{
.main{ .main{
max-width: 50%; max-width: 50%;
box-shadow: 8px 4px#ffffff; box-shadow: 8px 6px#858181;
border-radius: 20px; border-radius: 20px;
padding: 0; padding: 0;
min-height: 350px;
min-width: 400px;
} }
.header, .inputDiv{ .header, .inputDiv{
@ -87,13 +89,15 @@ input[type="checkbox"]{
} }
.dateClass{ .dateClass{
font-size: 1.5em; font-size: 1em;
float: right; float: right;
margin-right: 20px; margin-right: 20px;
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
padding: 0 10px; padding: 0 10px;
border-radius: 20px; border-radius: 20px;
/* visibility: hidden; */
} }

3
src/app/Todo-List-App/containers/TodoList/todo-list.component.html
View file

@ -23,7 +23,6 @@
</ng-template> </ng-template>
<!-- buttons switching --> <!-- buttons switching -->
<div *ngIf="!task.editing; else doneBtn" ><button [ngClass] = "{disabled: task.completed}" class="btn btn-success listBtn"(click)="toggleEdit(task)" ><i class="fa fa-edit"> Edit</i></button></div> <div *ngIf="!task.editing; else doneBtn" ><button [ngClass] = "{disabled: task.completed}" class="btn btn-success listBtn"(click)="toggleEdit(task)" ><i class="fa fa-edit"> Edit</i></button></div>
<ng-template #doneBtn> <ng-template #doneBtn>
<div> <div>
@ -36,10 +35,12 @@
</div> </div>
</li> </li>
</ul> </ul>
<!-- all task completed template--> <!-- all task completed template-->
<div *ngIf="remaining() === 0"> <div *ngIf="remaining() === 0">
<todo-empty></todo-empty> <todo-empty></todo-empty>
</div> </div>
<hr>
<div class="info"> <div class="info">
<div>{{ remaining()}} uncompleted tasks</div> <div>{{ remaining()}} uncompleted tasks</div>
</div> </div>