kanban view changes

This commit is contained in:
Flatlogic Bot 2025-11-24 09:55:26 +00:00
parent 6f1ab9f30b
commit 3477fc639b
5 changed files with 31 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@ -62,11 +62,14 @@
<tbody>
{% for item in todo_list %}
<tr class="{% if item.status == 'inprogress' %}table-info{% elif item.status == 'done' %}table-success{% elif item.status == 'blocked' %}table-danger{% elif item.status == 'delegated' %}table-warning{% endif %}">
<td>{{ item.title }}</td>
<td>
{{ item.title }}
<div><span class="task-id text-muted small">#{{ item.id }}</span></div>
</td>
<td>{{ item.description|default:"" }}</td>
<td>
{% if item.tags %}
{% for tag in item.tags.split|slice:":3" %}
{% for tag in item.tags.split:','|slice:":3" %}
<span class="badge bg-secondary">{{ tag }}</span>
{% endfor %}
{% endif %}

View File

@ -28,11 +28,14 @@
{% csrf_token %}
<button type="submit" class="btn-close" aria-label="Close"></button>
</form>
<h5 class="card-title h6">{{ item.title }}</h5>
<div class="d-flex justify-content-between align-items-start">
<h5 class="card-title h6 mb-0">{{ item.title }}</h5>
<span class="task-id text-muted small">#{{ item.id }}</span>
</div>
<p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
{% if item.tags %}
<div class="tags">
{% for tag in item.tags.split|slice:":3" %}
{% for tag in item.tags.split:','|slice:":3" %}
<span class="badge bg-secondary">{{ tag }}</span>
{% endfor %}
</div>

View File

@ -296,3 +296,12 @@ body {
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
transform: rotate(3deg);
}
.task-id {
font-weight: 600;
font-size: 0.8rem;
}
.kanban-card .task-id {
margin-top: 0.2rem;
}

View File

@ -245,14 +245,13 @@ body {
}
.kanban-column {
flex: 1 1 300px; /* Flex-grow, flex-shrink, and basis */
min-width: 300px;
max-width: 320px;
flex: 1 1 18rem;
min-width: 16rem;
max-width: 18rem;
background-color: #f0f2f5;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
max-height: calc(100vh - 250px); /* Adjust based on your layout */
}
.kanban-column h2 {
@ -297,3 +296,12 @@ body {
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
transform: rotate(3deg);
}
.task-id {
font-weight: 600;
font-size: 0.8rem;
}
.kanban-card .task-id {
margin-top: 0.2rem;
}