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

fix: minor bugfixes and UI adjustments

Browse source
This commit is contained in:
Chneemann 2025-04-14 04:45:41 +02:00
parent 00b811afbd
commit 4061076ff1
4 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/board/board.component.scss
View file

@ -112,6 +112,7 @@ d-none {
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
margin-top: 48px; margin-top: 48px;
gap: 32px;
} }
.headline { .headline {
@ -140,8 +141,6 @@ d-none {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 270px; width: 270px;
padding-right: 32px;
padding-top: 6px;
&:first-child { &:first-child {
padding-left: 0; padding-left: 0;
} }
@ -209,7 +208,6 @@ d-none {
@media screen and (max-width: 667px) { @media screen and (max-width: 667px) {
.column { .column {
width: 100%; width: 100%;
padding-right: 0;
} }
app-task-empty { app-task-empty {
@ -222,10 +220,7 @@ d-none {
width: calc(100vw - 85px); width: calc(100vw - 85px);
overflow-x: auto; overflow-x: auto;
padding: 0 5px; padding: 0 5px;
} gap: 18px;
app-task {
padding-right: 16px;
} }
} }

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

@ -5,18 +5,18 @@ section {
width: fit-content; width: fit-content;
height: fit-content; height: fit-content;
background-color: var(--bgSidebar); background-color: var(--bgSidebar);
border-radius: 20px 0 20px 20px; border-radius: 12px 0 12px 12px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
padding: 10px; padding: 8px;
z-index: 5; z-index: 2;
} }
.link { .link {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 46px; height: 32px;
padding: 8px 16px; padding: 4px 8px;
border-radius: 8px; border-radius: 8px;
color: var(--white); color: var(--white);
cursor: pointer; cursor: pointer;

3
src/app/components/board/task/task.component.html
View file

@ -1,7 +1,6 @@
<section> <section>
@if (task.id) { @if (task.id) {
<div (click)="handleMenuButtonClick($event, task.id)"> <div (click)="handleMenuButtonClick($event, task.id)">
{{ disableDrag }}
<div <div
class="content" class="content"
[draggable]="disableDrag" [draggable]="disableDrag"
@ -74,7 +73,7 @@
[boardTaskStatus]="task.status" [boardTaskStatus]="task.status"
(updateStatusEmitter)="onStatusUpdate($event)" (updateStatusEmitter)="onStatusUpdate($event)"
></app-task-menu> ></app-task-menu>
} @if (AssignedDialogId != '') { } @if (AssignedDialogId) {
<div class="dialog" [style.left.px]="dialogX" [style.top.px]="dialogY"> <div class="dialog" [style.left.px]="dialogX" [style.top.px]="dialogY">
@for (user of task.userData; track user) { @if (user.id === @for (user of task.userData; track user) { @if (user.id ===
AssignedDialogId) { AssignedDialogId) {

13
src/app/shared/components/header/navbar/navbar.component.scss
View file

@ -2,8 +2,8 @@
position: fixed; position: fixed;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
top: 96px; top: 80px;
right: 15px; right: 40px;
width: 150px; width: 150px;
height: 158px; height: 158px;
background-color: var(--bgSidebar); background-color: var(--bgSidebar);
@ -15,6 +15,8 @@
.language { .language {
height: 108px; height: 108px;
top: 70px;
right: 107px;
} }
.link { .link {
@ -27,6 +29,7 @@
cursor: pointer; cursor: pointer;
span { span {
width: 118px; width: 118px;
text-align: center;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: normal; white-space: normal;
@ -57,6 +60,10 @@ span {
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.navbar { .navbar {
top: 83px; top: 72px;
}
.language {
top: 62px;
} }
} }