Merge branch 'v1/contrib' into v1/fix-bug/username-overflow

Author: iOvergaard

packages/uui-card-media/lib/uui-card-media.element.ts

@@ -106,7 +106,7 @@ export class UUICardMediaElement extends UUICardElement {
         <!--
         TODO: Implement info box when pop-out is ready
         -->
-        <span id="name">${this.name}</span>
+        <span id="name" title="${this.name}">${this.name}</span>
         <small id="detail">${this.detail}<slot name="detail"></slot></small>
       </div>
     `;
@@ -191,6 +191,15 @@ export class UUICardMediaElement extends UUICardElement {
         text-decoration: underline;
       }
 
+      #open-part #name {
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        overflow-wrap: anywhere;
+      }
+
       :host([image]:not([image=''])) #open-part {
         transition: opacity 0.5s 0.5s;
         opacity: 0;

packages/uui-icon/lib/uui-icon.element.ts

@@ -139,6 +139,7 @@ export class UUIIconElement extends LitElement {
   static styles = [
     css`
       :host {
+        vertical-align: text-bottom;
         display: inline-flex;
         align-items: center;
         justify-content: center;