fix(SelectionList): single mode no longer truncates long text

ISSUES CLOSED: #1772
GetTerminus · Dec 16, 2019 · 64acd2d · 64acd2d
1 parent b0c67d2
commit 64acd2d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/terminus-ui/selection-list/src/selection-list.component.scss b/terminus-ui/selection-list/src/selection-list.component.scss
@@ -12,6 +12,12 @@ $transition-duration: 200;
 .ts-selection-list {
   cursor: cursor(pointer);
   display: block;
+
+  &.ts-selection-list--single {
+    .ts-selection-list__input {
+      width: 94%;
+    }
+  }
 }
 
 .ts-selection-list__input-wrap {

diff --git a/terminus-ui/selection-list/src/selection-list.component.ts b/terminus-ui/selection-list/src/selection-list.component.ts
@@ -119,6 +119,7 @@ export type TsSelectionListComparator = (a: unknown, b: unknown) => boolean;
     'class': 'ts-selection-list',
     '[class.ts-selection-list--required]': 'isRequired',
     '[class.ts-selection-list--disabled]': 'isDisabled',
+    '[class.ts-selection-list--single]': '!allowMultiple',
     '[attr.aria-owns]': 'panelOpen ? optionIds : null',
     '[attr.aria-required]': 'isRequired.toString()',
     '[attr.aria-multiselectable]': 'allowMultiple',