Browse Source

fix(admin-ui): Correctly display long items in SimpleItemList

Michael Bromley 6 years ago
parent
commit
ca2758ffa7

+ 1 - 1
admin-ui/src/app/order/components/simple-item-list/simple-item-list.component.html

@@ -1,6 +1,6 @@
 <div class="items-list">
     <ul>
-        <li *ngFor="let item of items">
+        <li *ngFor="let item of items" [title]="item.name">
             <div class="quantity">{{ item.quantity }}</div>
             <clr-icon shape="times" size="12"></clr-icon>
             {{ item.name }}

+ 2 - 0
admin-ui/src/app/order/components/simple-item-list/simple-item-list.component.scss

@@ -7,6 +7,8 @@
         margin-left: 2px;
         li {
             line-height: 14px;
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
     }
     .quantity {