Add overflow/ellipsis to dialog modal titles

ConduitIO · Sep 21, 2022 · b1753ba · b1753ba
1 parent 05d6671
commit b1753ba
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/addon/components/mxa/modal-dialog.hbs b/addon/components/mxa/modal-dialog.hbs
@@ -1,7 +1,7 @@
 <Mxa::Modal @onDismiss={{@onDismiss}} data-test-modal>
   <Mxa::DialogCard
     class="inline-block align-bottom bg-white border border-slate-20 text-left overflow-visible transform transition-all w-container sm:my-8 sm:align-middle sm:max-w-3xl
-      {{if @isWide "sm:w-container" "sm:w-box"}}"
+      {{if @isWide 'sm:w-container' 'sm:w-box'}}"
     role="dialog"
     aria-modal="true"
     aria-labelledby={{this.titleId}}
@@ -34,7 +34,7 @@
       {{#if @title}}
         <h2
           id={{this.titleId}}
-          class="text-gray-900 font-semibold text-2xl mb-8"
+          class="text-gray-900 font-semibold text-2xl mb-8 overflow-hidden text-ellipsis"
           data-test-modal-dialog-title
         >{{@title}}</h2>
       {{/if}}