florian/Todo-tool
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Change some style.

Browse Source
This commit is contained in:
Florian THIERRY - Takiguchi
2022-03-06 14:57:01 +01:00
parent 863caeccf3
commit e845bfb27f
4 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/active-list-tasks/active-list-tasks.component.scss
View File

@@ -24,7 +24,7 @@
padding: 0 3rem; padding: 0 3rem;
border-radius: .1rem; border-radius: .1rem;
border-style: none; border-style: none;
background-color: #444; background-color: var(--secondary);
} }
} }
} }

4
src/app/active-list-tasks/task-display/task-display.component.html
View File

@@ -20,13 +20,13 @@
</div> </div>
<div class="actions"> <div class="actions">
<div class="row"> <div class="row">
<button class="raised" matRipple matTooltip="Définir une alerte dans X minutes"> <button class="stroked secondary" [disabled]="true" matRipple matTooltip="Définir une alerte dans X minutes">
<mat-icon>update</mat-icon> <mat-icon>update</mat-icon>
Rappel Rappel
</button> </button>
</div> </div>
<div class="row"> <div class="row">
<button class="raised alert" [disabled]="!task" (click)="delete()"> <button class="stroked alert" [disabled]="!task" (click)="delete()">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
Supprimer Supprimer
</button> </button>

29
src/app/active-list-tasks/task-display/task-display.component.scss
View File

@@ -5,10 +5,10 @@
align-items: center; align-items: center;
margin-bottom: .5rem; margin-bottom: .5rem;
flex-direction: column; flex-direction: column;
background-color: #444; background-color: var(--secondary);
border-radius: .2rem;
.header { .header {
border-radius: .1rem;
height: 2.5rem; height: 2.5rem;
width: 100%; width: 100%;
display: flex; display: flex;
@@ -21,10 +21,6 @@
} }
} }
mat-checkbox {
// padding: 0 .5rem;
}
.input-container { .input-container {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
@@ -34,7 +30,7 @@
height: 1.8rem; height: 1.8rem;
padding: 0 .8rem; padding: 0 .8rem;
margin: 0 .8rem; margin: 0 .8rem;
background-color: #444; background-color: inherit;
border-style: solid; border-style: solid;
border-width: .1rem; border-width: .1rem;
border-color: rgba(0,0,0, 0); border-color: rgba(0,0,0, 0);
@@ -46,7 +42,7 @@
border-color .2s ease-out; border-color .2s ease-out;
&:hover { &:hover {
border-color: rgb(53, 53, 53); border-color: var(--secondary-border);
} }
} }
} }
@@ -61,6 +57,7 @@
visibility: hidden; visibility: hidden;
transition: height .1s ease-in-out; transition: height .1s ease-in-out;
display: flex; display: flex;
border-top: .1rem solid var(--primary-border);
&.expanded { &.expanded {
height: 20rem; height: 20rem;
@@ -82,10 +79,11 @@
textarea { textarea {
flex-grow: 1; flex-grow: 1;
border: 1px solid #444; border: 1px solid var(--secondary-border);
border-radius: .2rem; border-radius: .2rem;
background-color: #4a4a4a; background-color: #ddd;
resize: none; resize: none;
padding: .5rem;
} }
} }
@@ -94,10 +92,8 @@
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
max-width: 20%; max-width: 20%;
.row { .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -108,14 +104,15 @@
button { button {
display: flex; display: flex;
justify-content: left;
flex-grow: 1; flex-grow: 1;
mat-icon {
margin-right: .5rem;
}
} }
} }
} }
} }
} }
} }
input, textarea, mat-icon, check-box {
color: #fff;
}

4
src/styles.scss
View File

@@ -4,9 +4,9 @@
--primary-text: #444444; --primary-text: #444444;
--primary-border: #ccc; --primary-border: #ccc;
--primary-hover: #eee; --primary-hover: #eee;
--secondary: #dddddd; --secondary: #eee;
--secondary-hover: #c9c9c9; --secondary-hover: #c9c9c9;
--secondaryBorder: #cccccc; --secondary-border: #bbb;
--disabled: #eee; --disabled: #eee;
--disabled-text: #aaa; --disabled-text: #aaa;