From 346849bb2e7c98611f686df2ed84c75a98d4efd7 Mon Sep 17 00:00:00 2001 From: Bram Date: Thu, 29 Jan 2026 09:07:59 +0100 Subject: [PATCH 1/2] List all application types in left sidebar (#4589) --- ...all_application_types_in_left_sidebar.json | 8 ++ .../core/assets/scss/components/tree.scss | 36 ++++- .../sidebar/SidebarWithWorkspace.vue | 125 ++++++++++-------- 3 files changed, 114 insertions(+), 55 deletions(-) create mode 100644 changelog/entries/unreleased/feature/list_all_application_types_in_left_sidebar.json diff --git a/changelog/entries/unreleased/feature/list_all_application_types_in_left_sidebar.json b/changelog/entries/unreleased/feature/list_all_application_types_in_left_sidebar.json new file mode 100644 index 0000000000..e2d3a1ebfe --- /dev/null +++ b/changelog/entries/unreleased/feature/list_all_application_types_in_left_sidebar.json @@ -0,0 +1,8 @@ +{ + "type": "feature", + "message": "List all application types in left sidebar, even if there are no items in there.", + "domain": "core", + "issue_number": null, + "bullet_points": [], + "created_at": "2026-01-26" +} diff --git a/web-frontend/modules/core/assets/scss/components/tree.scss b/web-frontend/modules/core/assets/scss/components/tree.scss index e7d375c05f..83701a822a 100644 --- a/web-frontend/modules/core/assets/scss/components/tree.scss +++ b/web-frontend/modules/core/assets/scss/components/tree.scss @@ -5,7 +5,7 @@ margin: 0; &:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 8px; } .tree__item & { @@ -312,8 +312,40 @@ } .tree__heading { + display: flex; + margin: 8px; + justify-content: space-between; + align-items: center; +} + +.tree__heading-name { font-size: 11px; font-weight: 500; color: $palette-neutral-900; - margin: 8px; + line-height: 16px; +} + +.tree__heading-add { + color: $palette-neutral-600; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + line-height: 16px; + + @include rounded($rounded); + + &:hover { + text-decoration: none; + background-color: $palette-neutral-200; + outline: solid 2px $palette-neutral-200; + color: $palette-neutral-800; + } +} + +.tree__separator { + border-bottom: solid 1px $palette-neutral-200; + margin: 8px 8px 16px; } diff --git a/web-frontend/modules/core/components/sidebar/SidebarWithWorkspace.vue b/web-frontend/modules/core/components/sidebar/SidebarWithWorkspace.vue index bc2cecae22..6953f0ecde 100644 --- a/web-frontend/modules/core/components/sidebar/SidebarWithWorkspace.vue +++ b/web-frontend/modules/core/components/sidebar/SidebarWithWorkspace.vue @@ -1,6 +1,6 @@