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; }