added project description to kanban view

This commit is contained in:
2025-10-07 10:37:36 +02:00
parent d53992dc75
commit beacb96536
6 changed files with 103 additions and 42 deletions

View File

@@ -7,10 +7,12 @@
import { t } from '../../translations.svelte.js';
import { user } from '../../user.svelte.js';
import Card from './KanbanCard.svelte';
import LineEditor from '../../Components/LineEditor.svelte';
import Card from './KanbanCard.svelte';
import LineEditor from '../../Components/LineEditor.svelte';
import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
let { id } = $props();
let descr = $state(false);
let filter_input = $state('');
let router = useTinyRouter();
if (router.hasQueryParam('filter')) filter_input = router.getQueryParam('filter');
@@ -189,6 +191,10 @@
{/if}
{#if project}
<fieldset class="kanban description {descr?'active':''}" onclick={e => descr = !descr}>
<legend>{t('description')} {t('expand_on_click')}</legend>
{@html project.description.rendered}
</fieldset>
<div class="kanban" style="display: grid; grid-template-columns: {`repeat(${columns}, auto)`}">
<span class="filter">
<input type="text" bind:value={filter_input} autofocus />

View File

@@ -80,6 +80,7 @@
"end": "Ende",
"estimated_time": "geschätzte Zeit",
"estimated_times": "geschätzte Zeiten",
"expand_on_click": "Anklicken zum Anzeigen",
"extended_settings": "erweiterte Einstellungen",
"failed": "fehlgeschlagen",

View File

@@ -80,6 +80,7 @@
"end": "end",
"estimated_time": "estimated duration",
"estimated_times": "estimated durations",
"expand_on_click": "click to expand",
"extended_settings": "extended settings",
"failed": "failed",

View File

@@ -36,6 +36,15 @@ button{
border-style: solid;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
footer {
position: fixed;
bottom: 0;
@@ -53,6 +62,22 @@ nav {
border-bottom: 1px solid;
}
td, tr{
vertical-align: baseline;
}
.archive {
position: fixed;
top: 10px;
right: 10px;
width: 200px;
height: 30px;
z-index: 100;
border-radius: 5px;
text-align: center;
border: 1px solid;
}
.error {
padding: 5px;
border-radius: 6px;
@@ -63,17 +88,6 @@ nav {
border-radius: 6px;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
td, tr{
vertical-align: baseline;
}
.customer,
.sender,
.invoice_meta{
@@ -193,6 +207,15 @@ textarea{
right: 20px;
}
.kanban.description{
max-height: 50px;
overflow: hidden;
}
.kanban.description.active{
max-height: unset;
}
.project th,
.task th{
text-align: right;
@@ -362,7 +385,7 @@ a.wikilink{
}
.grid2 > :nth-child(2n-1){
text-align: initial ;
text-align: initial;
padding-top: 8px;
}
}

View File

@@ -36,6 +36,15 @@ button{
border-style: solid;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
footer {
position: fixed;
bottom: 0;
@@ -53,14 +62,6 @@ nav {
border-bottom: 1px solid;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
td, tr{
vertical-align: baseline;
}
@@ -206,6 +207,15 @@ textarea{
right: 20px;
}
.kanban.description{
max-height: 50px;
overflow: hidden;
}
.kanban.description.active{
max-height: unset;
}
.project th,
.task th{
text-align: right;
@@ -267,6 +277,10 @@ nav > form{
display:inline;
}
li > a > p:nth-child(1){
display: inline;
}
.timetracks .duration{
font-weight: bold;
}
@@ -374,11 +388,4 @@ a.wikilink{
text-align: initial;
padding-top: 8px;
}
}
}

View File

@@ -36,6 +36,15 @@ button{
border-style: solid;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
footer {
position: fixed;
bottom: 0;
@@ -53,6 +62,22 @@ nav {
border-bottom: 1px solid;
}
td, tr{
vertical-align: baseline;
}
.archive {
position: fixed;
top: 10px;
right: 10px;
width: 200px;
height: 30px;
z-index: 100;
border-radius: 5px;
text-align: center;
border: 1px solid;
}
.error {
padding: 5px;
border-radius: 6px;
@@ -63,17 +88,6 @@ nav {
border-radius: 6px;
}
fieldset[tabindex="0"]{
max-height: 55px;
overflow: hidden;
}
fieldset[tabindex="0"]:focus-within{
max-height: unset;
}
td, tr{
vertical-align: baseline;
}
.customer,
.sender,
.invoice_meta{
@@ -193,6 +207,15 @@ textarea{
right: 20px;
}
.kanban.description{
max-height: 50px;
overflow: hidden;
}
.kanban.description.active{
max-height: unset;
}
.project th,
.task th{
text-align: right;
@@ -362,7 +385,7 @@ a.wikilink{
}
.grid2 > :nth-child(2n-1){
text-align: initial ;
text-align: initial;
padding-top: 8px;
}
}