added project description to kanban view

frontend/src/routes/project/Kanban.svelte

@@ -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 />

translations/src/main/resources/de.json

@@ -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",

translations/src/main/resources/en.json

@@ -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",

web/src/main/resources/web/css/bloodshed.css

@@ -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;
     }
 }

web/src/main/resources/web/css/default.css

@@ -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;
 }
@@ -375,10 +389,3 @@ a.wikilink{
         padding-top: 8px;
     }
 }
-
-
-
-
-
-
-

web/src/main/resources/web/css/winter.css

@@ -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;
     }
 }