fix(styles): Merge pull request #4 from szherebchuk/PRODDEV-348

PRODDEV-348: Updated data dialog options and added styles for modal b…
ymcatwincities · Oct 28, 2021 · 3b6df26 · 3b6df26
2 parents 265f7a2 + 19f1aa6
commit 3b6df26
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/css/modal-block.css b/css/modal-block.css
@@ -84,8 +84,13 @@
   .modal-dialog {
     width: 100% !important;
   }
+
+  .ui-dialog {
+    min-width: 300px !important;
+  }
 }
 
 .ui-dialog {
   z-index: 1500 !important;
+  min-width: 600px;
 }
diff --git a/templates/modal-block.html.twig b/templates/modal-block.html.twig
@@ -25,7 +25,7 @@
   <div class="field-link-title field-item">
     {% if mode == 'node' %}
       <a class="use-ajax" data-dialog-type="modal"
-         data-dialog-options="{&quot;width&quot;:600&comma; &quot;height&quot;:600}"
+         data-dialog-options="{&quot;width&quot;:&quot;auto&quot;&comma; &quot;height&quot;:&quot;auto&quot;}"
          href="{{ modal_link }}">{{ modal_link_title }}</a>
     {% else %}
       <a href="#" data-toggle="modal" data-target="#modalBlock{{ modalId }}">{{ modal_link_title }}</a>