fix(styles): message popover adjustments [ci visual]

SAP · Oct 31, 2023 · 9cec71a · 9cec71a
1 parent 48adc45
commit 9cec71a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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;
         }