#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 {