added project description to kanban view
This commit is contained in:
@@ -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 />
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user