bastian/listify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui

Browse Source
This commit is contained in:
Bastian Wagner
2026-06-29 14:56:05 +02:00
parent a033c50c25
commit bceacda53e
2 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
listify-client/src/app/tasks/tasks.component.scss
View File

@@ -20,10 +20,6 @@
width: 100%;
}
.task-create-card button {
justify-self: start;
}
.task-controls {
display: grid;
gap: 0.75rem;
@@ -62,10 +58,6 @@
max-width: 100%;
}
.status-filter-row button {
justify-self: start;
}
.task-summary {
display: flex;
flex-wrap: wrap;
@@ -166,7 +158,7 @@
.task-card mat-card-content {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-columns: auto minmax(0, 1fr) max-content;
align-items: start;
gap: 0.75rem;
padding: 0.85rem 1rem;
@@ -209,17 +201,39 @@
.task-edit-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.task-edit-actions button {
white-space: nowrap;
}
.task-create-card button,
.status-filter-row button {
justify-self: start;
}
.task-create-card button,
.status-filter-row button,
.task-edit-actions button {
white-space: nowrap;
}
.task-actions button,
.task-edit-actions button {
flex: 0 0 auto;
}
@media (max-width: 520px) {
.task-card mat-card-content {
grid-template-columns: auto minmax(0, 1fr);
grid-template-columns: auto minmax(0, 1fr) max-content;
gap: 0.6rem;
padding-inline: 0.75rem;
}
.task-actions {
grid-column: 2;
grid-column: 3;
grid-row: 1;
}
}