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>
<p>Move to:</p>
@if (boardTaskStatus !== 'todo') {
<p (click)="moveTask('todo')">To do</p>
<div class="link" (click)="moveTask('todo')">To do</div>
} @if (boardTaskStatus !== 'inprogress') {
<p (click)="moveTask('inprogress')">In progress</p>
<div class="link" (click)="moveTask('inprogress')">In progress</div>
} @if (boardTaskStatus !== 'awaitfeedback') {
<p (click)="moveTask('awaitfeedback')">Await feedback</p>
<div class="link" (click)="moveTask('awaitfeedback')">Await feedback</div>
} @if (boardTaskStatus !== 'done') {
<p (click)="moveTask('done')">Done</p>
<div class="link" (click)="moveTask('done')">Done</div>
}
</section>

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

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