/* HOODI-tema, delfil: tasks (opgavens side, tasks/task/index.php). Indlæses af hoodi-theme-links.php. Patrick 05-11-2026: "forkerte ikoner og farver, forkerte chevron størrelser, kommentarfeltet i sin placering, hover på linket er helt skørt". Siden bruger appens mønstre, men flere af dem står uden for de selektorer, temaet rammer: - Prioritet og Gentages er fold-ud-vælgere (accordion-button med en tabel UDEN tablebank-klassen), så de fik Metronics 40 px lyse cirkel med 20 px ikon, etiket 15 og værdi 16/400 og en 22 px petrol chevron. Her får de feltrækkernes mål fra hovedfilen (som Fra/Til i overførselsvinduet, finance.css): 44 px grå cirkel 14 px inde, 16 px ikon, etiket 13/400 grå, værdi 15/600 petrol, 16 px grå chevron med blækket 22 px fra kanten. "Er opgaven løst?" i Fuldfør-vinduet er samme vælger. - Kommentarcellen (td colspan=2) indeholder avatarens cirkel, så hovedfilens cirkelcelle-regel gav den 58 px bredde og 0 px polstring til højre: feltet løb helt ud til kortets kant. - Noter-rækkens tomme første celle gav teksten 1 px polstring, så Noter, kategorier og bilag stod 13 px til venstre for Titel. - Bilag og links er begivenhedens grå boks (events.css) med hvide fliser; uden dens regler malede hoveren et kantet felt ud over boksens runding, og boksen havde den lyse grå med 25 px runding. */ /* 1. Fold-ud-vælgerne: rækken i knappen som feltrækkerne (hovedfilen, "Feltrækker") */ :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button > table > tbody > tr > td { padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button > table > tbody > tr > td:first-child { width: 58px; padding-left: 14px !important; padding-right: 0 !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button > table > tbody > tr > td:first-child .symbol { margin-right: 0 !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button > table > tbody > tr > td:first-child + td { padding-left: 14px !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .symbol-40px .symbol-label { width: var(--hoodi-ikonflade); height: var(--hoodi-ikonflade); background: var(--hoodi-graa) !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .symbol-label .fi { font-size: 16px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1px; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .form-floating:has(> input.form-control) { height: 44px; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .form-floating > input.form-control { height: 44px !important; min-height: 44px !important; padding: 20px 0 0 0 !important; line-height: 1.3 !important; font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; text-overflow: ellipsis; box-shadow: none !important; background: transparent !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .form-floating > input.form-control ~ label { font-size: 13px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; opacity: 1 !important; top: 3px !important; left: 0 !important; padding: 0 !important; height: auto !important; line-height: 1.4 !important; transform: none !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .form-floating > input.form-control ~ label span { font-size: inherit !important; color: inherit !important; font-weight: inherit !important; } /* "Er opgaven løst?" er tom, til der er valgt: etiketten står midt i feltet som pladsholder, som tomme felter i rækkerne */ :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .form-floating > input.form-control:placeholder-shown:not(:focus) ~ label { top: 12px !important; font-size: 15px !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button td.w-5px:last-child { padding-right: 17px !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button .fi-rr-angle-small-right { color: var(--hoodi-tekst2) !important; font-size: 16px !important; line-height: 1; vertical-align: middle; } /* Hover som alle klikbare rækker; Gentages på en låst opgave (intet data-bs-toggle) kan ikke åbnes og får ingen */ :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-button.bg-white[data-bs-toggle]:hover { background-color: var(--hoodi-hover) !important; } /* Valgmulighederne under knappen: teksten flugter værdien ovenover (14 + 44 + 14) og står som menurækkerne 15/600 */ :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-body table.tablebank > tbody > tr > td:first-child { width: 58px !important; padding-left: 14px !important; padding-right: 0 !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-body table.tablebank > tbody > tr > td:first-child + td { padding-left: 14px !important; } :is(#kt_accordion_taskPriority, #kt_accordion_taskFrequency, #kt_accordion_completeResolution) .accordion-body table.tablebank > tbody > tr > td.py-5 > div { font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--hoodi-petrol); } /* Prioritet står som sit eget kort: kortenes runding og ingen kant, og indholdet klippes, så hover og valgmuligheder følger hjørnerne. 17 px ned til næste kort som mellem alle stablede kort (fv-row.mb-5 gav 16,25). */ #kt_accordion_taskPriority { --bs-accordion-border-radius: var(--hoodi-r-kort); --bs-accordion-inner-border-radius: var(--hoodi-r-kort); } #kt_accordion_taskPriority > .accordion-item { border: 0; border-radius: var(--hoodi-r-kort); overflow: hidden; } #task_form > .fv-row.mb-5 { margin-bottom: 17px !important; } /* Gentages står i Deadline-kortet: hel skillelinje som mellem rækkerne (guiden: ingen stiplede linjer; inline var den stiplet) */ #kt_accordion_taskFrequency > .accordion-item { border-top: 1px solid var(--hoodi-skillelinje) !important; } /* 2. Noter-rækken: teksten starter 14 px efter cirkelkolonnen som Titel (den tomme celle har ingen cirkel, som cirkelcelle- reglen kunne gribe). Noter er brødtekst 15/400 med etiketten 13/400 grå øverst som de øvrige felter; tomt felt viser etiketten midt i feltet. Højden sætter sidens adjustTextareaHeight (mindst 48 px). */ #task_form table.tablebank > tbody > tr > td:first-child:empty + td { padding-left: 14px !important; } #task_form table.tablebank .form-floating > textarea.form-control { min-height: 44px !important; padding: 20px 0 0 0 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--hoodi-petrol) !important; box-shadow: none !important; } #task_form table.tablebank .form-floating > textarea.form-control ~ label { font-size: 13px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; opacity: 1 !important; top: 3px !important; left: 0 !important; padding: 0 !important; height: auto !important; line-height: 1.4 !important; transform: none !important; } #task_form table.tablebank .form-floating > textarea.form-control ~ label::after { display: none; } #task_form table.tablebank .form-floating > textarea.form-control ~ label span { font-size: inherit !important; color: inherit !important; font-weight: inherit !important; } #task_form table.tablebank .form-floating > textarea.form-control:placeholder-shown:not(:focus) ~ label { top: 12px !important; font-size: 15px !important; } /* Kategorier og bilag flugter tekstens højre kant (cellens 18 px) i stedet for at stå 13 px længere inde */ #task_form #task_categories_wrap { padding-right: 0 !important; } #task_form td > div.mt-4.me-4:has(> .card > table.tablebankgray) { margin-right: 0 !important; } /* 3. Bilag og links: begivenhedens grå boks (events.css, .hoodi-event .tablebankgray) med hvide 44 px fliser, 12 px luft over og under, navnet 15/600, 16 px grå chevron 20 px fra boksens kant og mørkere grå ved hover inden for rundingen */ #task_form .card:has(> table.tablebankgray) { background: transparent !important; border: 0; border-radius: 16px; overflow: hidden; } #task_form table.tablebankgray { background: var(--hoodi-graa) !important; border-radius: 16px !important; border-collapse: separate; border-spacing: 0; } #task_form table.tablebankgray > tbody > tr > td { border: 0 !important; background: transparent !important; padding-top: 12px !important; padding-bottom: 12px !important; } #task_form table.tablebankgray > tbody > tr > td:first-child { width: 56px; padding-left: 12px !important; padding-right: 0 !important; } #task_form table.tablebankgray > tbody > tr > td:nth-child(2) { width: 100%; max-width: 0; padding-left: 16px !important; } #task_form table.tablebankgray > tbody > tr > td:nth-child(2) > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* lange navne afkortes med "..." som i alle rækker */ #task_form table.tablebankgray > tbody > tr > td:last-child { padding-right: 20px !important; } #task_form table.tablebankgray > tbody > tr + tr > td { border-top: 1px solid var(--hoodi-hvid) !important; } #task_form table.tablebankgray > tbody > tr:hover > td { background: #E6E6E6 !important; } #task_form table.tablebankgray .me-2 { margin-right: 0 !important; } #task_form table.tablebankgray .symbol-40px .symbol-label { width: 44px; height: 44px; border-radius: 12px !important; background-color: var(--hoodi-hvid) !important; padding-top: 0 !important; display: flex; align-items: center; justify-content: center; } #task_form table.tablebankgray .symbol-40px .symbol-label .fi { color: var(--hoodi-petrol) !important; font-size: 16px !important; line-height: 1; display: inline-flex; } #task_form table.tablebankgray .fw-semibold.fs-7 { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; } #task_form table.tablebankgray .fi-rr-angle-small-right { font-size: 16px !important; color: var(--hoodi-tekst2) !important; line-height: 1; vertical-align: middle; } /* Slet-knappen (vises ved hover): hvid 30 px cirkel med 12 px glyf som omdøb/slet på underskriftssagens fil (administration.css) */ #task_form table.tablebankgray .symbol-30px > .symbol-label { padding: 0 !important; display: flex; align-items: center; justify-content: center; } #task_form table.tablebankgray .symbol-30px > .symbol-label > .fi { font-size: 12px !important; line-height: 1; display: inline-flex; color: var(--hoodi-petrol) !important; } /* 4. Kommentarerne og skrivefeltet nederst i kortet: cellen spænder over begge kolonner og indeholder avatarens cirkel, så cirkelcelle-reglen gav den 58 px og 0 px til højre. Her 14 px på alle sider som rækkerne, så pillen slutter 14 px fra kortets kant, ligesom avataren starter 14 px inde. Første element står 14 px under skillelinjen (pt-6 gav 33 px over og 14 under); mellemrummet mellem kommentarerne og ned til feltet er uændret. */ #task_form table.tablebank > tbody > tr > td[colspan]:has(#taskCommentInputRow) { width: auto; padding-left: 14px !important; padding-right: 14px !important; } #task_form table.tablebank > tbody > tr > td[colspan]:has(#taskCommentInputRow) > :first-child { padding-top: 0 !important; } /* Kommentarens navn og tekst 14 px efter avataren, så de flugter Titel og Noter (ms-5 gav 16,25) */ #task_form [id^="taskComment_"] > .ms-5 { margin-left: 14px !important; } /* En lukket opgave uden kommentarer har intet i cellen (feltet er skjult): ingen tom stribe under skillelinjen */ #task_form table.tablebank > tbody > tr:has(> td > #taskCommentInputRow.d-none):not(:has([id^="taskComment_"])) { display: none; }