feat: allow passing of width [style]="{width: '100%'}". Allows sett…

…ing 100% width closes #199
scttcper · Mar 14, 2019 · 1022142 · 1022142
1 parent 3aecbd9
commit 1022142
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/lib/picker/picker.component.html b/src/lib/picker/picker.component.html
@@ -1,5 +1,5 @@
 <div class="emoji-mart"
-  [style.width.px]="perLine * (emojiSize + 12) + 12 + 2 + measureScrollbar"
+  [style.width]="getWidth()"
   [ngStyle]="style">
   <div class="emoji-mart-bar">
     <emoji-mart-anchors

diff --git a/src/lib/picker/picker.component.ts b/src/lib/picker/picker.component.ts
@@ -392,4 +392,10 @@ export class PickerComponent implements OnInit {
     localStorage.setItem(`${this.NAMESPACE}.skin`, String(skin));
     this.skinChange.emit(skin);
   }
+  getWidth(): string {
+    if (this.style.width) {
+      return this.style.width;
+    }
+    return this.perLine * (this.emojiSize + 12) + 12 + 2 + this.measureScrollbar + 'px';
+  }
 }