diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss index 142c807643..72607215e4 100644 --- a/packages/theme/styles/components.scss +++ b/packages/theme/styles/components.scss @@ -577,9 +577,12 @@ } &.second:not(.isOpen), &.border, - &.default:not(.nested:last-child) { + &.default:not(.nested) { border-bottom: 1px solid var(--theme-navpanel-divider); // var(--global-surface-01-BorderColor); } + &.default.nested:not(:last-child) { + border-bottom: 1px dashed var(--theme-navpanel-divider); + } .hulyAccordionItem-header { display: flex; justify-content: space-between; @@ -790,6 +793,12 @@ } } } + &.hiddenHeader { + display: none; + visibility: hidden; + + &.nested + .hulyAccordionItem-content { padding-top: var(--spacing-1); } + } &:hover .hulyAccordionItem-header__chevron { color: var(--button-subtle-IconColor); background-color: var(--global-ui-hover-BackgroundColor); @@ -806,6 +815,9 @@ &.medium.bottomSpace + .hulyAccordionItem-content { padding-bottom: var(--spacing-2); } + &.medium.nested.bottomSpace + .hulyAccordionItem-content { + padding-bottom: var(--spacing-1); + } &.large.bottomSpace + .hulyAccordionItem-content { padding-bottom: var(--spacing-2); } diff --git a/packages/ui/src/components/AccordionItem.svelte b/packages/ui/src/components/AccordionItem.svelte index e2f3b28520..750e0d0d1a 100644 --- a/packages/ui/src/components/AccordionItem.svelte +++ b/packages/ui/src/components/AccordionItem.svelte @@ -39,6 +39,7 @@ export let duration: number | boolean = false export let fixHeader: boolean = false export let categoryHeader: boolean = false + export let hiddenHeader: boolean = false export let background: string | undefined = undefined const dispatch = createEventDispatcher() @@ -74,6 +75,7 @@ class:selectable class:scroller-header={fixHeader} class:categoryHeader + class:hiddenHeader style:background-color={background ?? 'transparent'} on:click|stopPropagation={handleClick} > diff --git a/plugins/time-resources/src/components/ToDoProjectGroup.svelte b/plugins/time-resources/src/components/ToDoProjectGroup.svelte index 3b02c99c06..bcef61dc68 100644 --- a/plugins/time-resources/src/components/ToDoProjectGroup.svelte +++ b/plugins/time-resources/src/components/ToDoProjectGroup.svelte @@ -81,7 +81,7 @@ } - + {#each todos as todo, index} diff --git a/plugins/time-resources/src/components/ToDos.svelte b/plugins/time-resources/src/components/ToDos.svelte index b2858a6beb..81dde73f4f 100644 --- a/plugins/time-resources/src/components/ToDos.svelte +++ b/plugins/time-resources/src/components/ToDos.svelte @@ -237,9 +237,9 @@ active: WithLookup[] ): [IntlString, WithLookup[]][] { const groups = new Map[]>([ + [time.string.Scheduled, []], [time.string.Unplanned, unplanned], [time.string.ToDos, []], - [time.string.Scheduled, []], [time.string.Done, done] ]) const now = Date.now()