Allow overflow-x on solutions with unbreakable words (#431)

facade · Nov 29, 2021 · a68e2ce · a68e2ce
1 parent 317f611
commit a68e2ce
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to `ignition` will be documented in this file
 
+## 2.17.2 - 2021-11-29
+
+- scroll overflow on solutions
+
 ## 2.17.1 - 2021-11-25
 
 - streamline Livewire solutions

diff --git a/resources/compiled/ignition.js b/resources/compiled/ignition.js
diff --git a/resources/css/utilities/solution.css b/resources/css/utilities/solution.css
@@ -66,6 +66,11 @@
     @apply mb-4;
 }
 
+.solution-content-wrapper {
+    @apply p-12;
+    @apply overflow-x-auto;
+}
+
 .solution-content {
     @apply max-w-4xl;
 }

diff --git a/resources/js/components/Solutions/SolutionCard.vue b/resources/js/components/Solutions/SolutionCard.vue
@@ -39,7 +39,7 @@
                         </g>
                     </svg>
                 </div>
-                <div class="p-12">
+                <div class="solution-content-wrapper scrollbar">
                     <div class="solution-content ml-0">
                         <h2 v-if="solution.title !== ''" class="solution-title">
                             {{ solution.title }}