diff --git a/src/app/components/board/task/task-menu/task-menu.component.html b/src/app/components/board/task/task-menu/task-menu.component.html index 2ca2aa1..b6f8f9a 100644 --- a/src/app/components/board/task/task-menu/task-menu.component.html +++ b/src/app/components/board/task/task-menu/task-menu.component.html @@ -1,12 +1,11 @@
-

Move to:

@if (boardTaskStatus !== 'todo') { -

To do

+ } @if (boardTaskStatus !== 'inprogress') { -

In progress

+ } @if (boardTaskStatus !== 'awaitfeedback') { -

Await feedback

+ } @if (boardTaskStatus !== 'done') { -

Done

+ }
diff --git a/src/app/components/board/task/task-menu/task-menu.component.scss b/src/app/components/board/task/task-menu/task-menu.component.scss index 141f84d..e04ea8c 100644 --- a/src/app/components/board/task/task-menu/task-menu.component.scss +++ b/src/app/components/board/task/task-menu/task-menu.component.scss @@ -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; - } - } } }