From 9cec71a5e0e73cb293b896fab342011e2f70501f Mon Sep 17 00:00:00 2001 From: Denis Severin Date: Tue, 31 Oct 2023 09:01:53 +0200 Subject: [PATCH] fix(styles): message popover adjustments [ci visual] --- .../styles/src/mixins/list/_list-message-view.scss | 10 +++++++++- .../src/mixins/list/_list-navigation-indication.scss | 2 +- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/mixins/list/_list-message-view.scss b/packages/styles/src/mixins/list/_list-message-view.scss index dc4ec2081f..817c458c1b 100644 --- a/packages/styles/src/mixins/list/_list-message-view.scss +++ b/packages/styles/src/mixins/list/_list-message-view.scss @@ -2,6 +2,7 @@ .#{$block} { &--message-view { + --faListNavigationIndicatorFontSize: 0.75rem; --fdList_Item_Height: calc(2.75rem + var(--sapList_BorderWidth)); --fdList_Message_View_Item_Byline_Height: calc(3.325rem + var(--sapList_BorderWidth)); --fdList_Message_View_Title_Size: var(--sapFontHeader5Size); @@ -25,7 +26,7 @@ .#{$block}__title { font-family: var(--sapFontHeaderFamily); font-size: var(--fdList_Message_View_Title_Size); - font-weight: normal; + font-weight: var(--sapFontHeaderWeight, normal); color: var(--sapGroup_TitleTextColor); @include fd-ellipsis(); @@ -40,7 +41,14 @@ @include fd-ellipsis(); } + .fd-list__item { + height: auto; + } + .#{$block}__link { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + @include fd-active() { .#{$block}__title, .#{$block}__subtitle, .fd-object-status .fd-object-status__icon { color: var(--sapList_Active_TextColor); diff --git a/packages/styles/src/mixins/list/_list-navigation-indication.scss b/packages/styles/src/mixins/list/_list-navigation-indication.scss index eee02cc4b7..b34e6e02a9 100644 --- a/packages/styles/src/mixins/list/_list-navigation-indication.scss +++ b/packages/styles/src/mixins/list/_list-navigation-indication.scss @@ -33,7 +33,7 @@ $fd-list-navigation-indicator-width: 2.5rem !default; font-family: "SAP-icons"; content: '\e1ed'; color: var(--sapContent_NonInteractiveIconColor); - font-size: var(--sapFontLargeSize); + font-size: var(--faListNavigationIndicatorFontSize, var(--sapFontLargeSize)); text-decoration: none; text-transform: none; }