fix(vwc-list-item): un-needed ellipsis in safari (#1388)

* add menu test + fix safari ellipsis
Vonage · Apr 11, 2023 · 36ee6e0 · 36ee6e0
1 parent 51dd1b2
commit 36ee6e0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/components/list/src/vwc-list-item.scss b/components/list/src/vwc-list-item.scss
@@ -141,6 +141,7 @@ $vvd-list-item-graphic-margin: --vvd-list-item-graphic-margin;
 
 .mdc-deprecated-list-item__meta {
  display: flex;
+ flex-shrink: 0;
 }
 
 

diff --git a/components/list/src/vwc-list-text-parts.scss b/components/list/src/vwc-list-text-parts.scss
@@ -8,7 +8,9 @@
 :host,
 :host([twoline]) {
  .mdc-deprecated-list-item__text {
+ flex-grow: 1;
  align-self: center;
+ inline-size: 100%;
  margin-inline-end: 4px;
  }
 }

diff --git a/ui-tests/snapshots/vwc-list.png b/ui-tests/snapshots/vwc-list.png