From bfb40840443c29a7d6928885ae2342fb8a80c0a7 Mon Sep 17 00:00:00 2001 From: m2rt Date: Fri, 20 Mar 2026 12:30:08 +0200 Subject: [PATCH] fix(header): replaced missing variable #367 --- .../header/header-profile/header-profile.component.scss | 8 ++++---- tedi/components/layout/header/header.component.scss | 5 ++--- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/tedi/components/layout/header/header-profile/header-profile.component.scss b/tedi/components/layout/header/header-profile/header-profile.component.scss index 433c3edfb..6f0cd8e7a 100644 --- a/tedi/components/layout/header/header-profile/header-profile.component.scss +++ b/tedi/components/layout/header/header-profile/header-profile.component.scss @@ -30,24 +30,24 @@ tedi-header-profile { .tedi-header-profile__overlay { position: absolute; - top: var(--layout-header-min-height); + top: var(--layout-header-height); left: 0; z-index: calc(var(--z-index-header) - 1); width: 100%; - min-height: calc(100dvh - var(--layout-header-min-height)); + min-height: calc(100dvh - var(--layout-header-height)); background: rgb(0 0 0 / 25%); } .tedi-header-profile__modal { position: absolute; - top: var(--layout-header-min-height); + top: var(--layout-header-height); right: 0; z-index: var(--z-index-header); display: flex; flex-direction: column; width: var(--navigation-vertical-item-width-default); max-width: 100%; - min-height: calc(100dvh - var(--layout-header-min-height)); + min-height: calc(100dvh - var(--layout-header-height)); max-height: 100%; overflow-y: auto; background: var(--general-surface-primary); diff --git a/tedi/components/layout/header/header.component.scss b/tedi/components/layout/header/header.component.scss index c674b8cbd..31ad976b5 100644 --- a/tedi/components/layout/header/header.component.scss +++ b/tedi/components/layout/header/header.component.scss @@ -6,9 +6,8 @@ align-items: center; justify-content: space-between; width: 100%; - height: var(--layout-header-min-height); - padding: var(--layout-header-padding-y) var(--layout-header-padding-right) - var(--layout-header-padding-y) var(--layout-header-padding-left); + height: var(--layout-header-height); + padding: var(--layout-header-padding-y) var(--layout-header-padding-right) var(--layout-header-padding-y) var(--layout-header-padding-left); background: var(--header-background); box-shadow: 0 1px 5px 0 var(--tedi-alpha-20, rgb(0 0 0 / 20%)); }