#2205 Add max-width to img in strategies & moments

ifmeorg · Dec 8, 2022 · d9e34cd · d9e34cd
1 parent 0d6e0df
commit d9e34cd
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/app/assets/stylesheets/core/containers.scss b/app/assets/stylesheets/core/containers.scss
@@ -11,3 +11,9 @@
   width: 100%;
   margin: 0;
 }
+
+.imageContainer {
+  img {
+    max-width: 100%;
+  }
+}
diff --git a/app/views/moments/show.html.erb b/app/views/moments/show.html.erb
@@ -20,7 +20,7 @@
 </div>
 
 <% if @moment.why.present? %>
-  <div class="smallMarginTop">
+  <div class="smallMarginTop imageContainer">
     <% if @moment.fix.present? %>
       <div class="label">
         <%= label_tag t('moments.form.why_legacy') %>

diff --git a/app/views/strategies/show.html.erb b/app/views/strategies/show.html.erb
@@ -16,7 +16,7 @@
 </div>
 
 <% if @strategy.description.present? %>
-  <div class="smallMarginTop">
+  <div class="smallMarginTop imageContainer">
     <%= sanitize(@strategy.description) %>
   </div>
 <% end %>

diff --git a/client/app/components/Input/InputTextarea.scss b/client/app/components/Input/InputTextarea.scss
@@ -45,6 +45,10 @@
   p {
     margin: $size-0;
   }
+
+  img {
+    max-width: 100%;
+  }
 }
 
 .dark {
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,6 +45,10 @@ @@
       p {
         margin: $size-0;
       }
+      img {
+        max-width: 100%;
+      }
     }
     .dark {
@@ Expand Down @@