Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update design

Browse source
This commit is contained in:
Chneemann 2024-04-27 21:01:25 +02:00
parent ccca1203df
commit 4a1bb1e853
2 changed files with 21 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/board/task/task-menu/task-menu.component.html
View file

@ -1,12 +1,11 @@
<section> <section>
<p>Move to:</p>
@if (boardTaskStatus !== 'todo') { @if (boardTaskStatus !== 'todo') {
<p (click)="moveTask('todo')">To do</p> <div class="link" (click)="moveTask('todo')">To do</div>
} @if (boardTaskStatus !== 'inprogress') { } @if (boardTaskStatus !== 'inprogress') {
<p (click)="moveTask('inprogress')">In progress</p> <div class="link" (click)="moveTask('inprogress')">In progress</div>
} @if (boardTaskStatus !== 'awaitfeedback') { } @if (boardTaskStatus !== 'awaitfeedback') {
<p (click)="moveTask('awaitfeedback')">Await feedback</p> <div class="link" (click)="moveTask('awaitfeedback')">Await feedback</div>
} @if (boardTaskStatus !== 'done') { } @if (boardTaskStatus !== 'done') {
<p (click)="moveTask('done')">Done</p> <div class="link" (click)="moveTask('done')">Done</div>
} }
</section> </section>

37
src/app/components/board/task/task-menu/task-menu.component.scss
View file

@ -2,31 +2,26 @@ section {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 45px; right: 45px;
text-align: center;
width: fit-content; width: fit-content;
height: fit-content; height: fit-content;
background-color: var(--white); background-color: var(--bgSidebar);
border-radius: 20px 0 20px 20px; border-radius: 20px 0 20px 20px;
border: 1px solid rgba($color: #000000, $alpha: 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
padding: 12px; padding: 10px;
p { z-index: 5;
font-size: 18px; }
font-weight: 400;
padding-bottom: 3px; .link {
color: var(--light-blue); display: flex;
align-items: center;
justify-content: center;
height: 46px;
padding: 8px 16px;
border-radius: 8px;
color: var(--white);
cursor: pointer; cursor: pointer;
&:first-child {
font-size: 18px;
font-weight: 600;
padding-bottom: 6px;
cursor: auto;
color: var(--black);
}
&:hover { &:hover {
text-decoration: underline; background-color: var(--very-dark-blue);
&:first-child { color: var(--light-blue);
text-decoration: none;
}
}
} }
} }