Browse Source

Don't let images go over the available width

JC Brand 8 years ago
parent
commit
713e24e0e6
3 changed files with 5 additions and 2 deletions
  1. 2 1
      css/converse.css
  2. 2 1
      css/inverse.css
  3. 1 0
      sass/_chatbox.scss

+ 2 - 1
css/converse.css

@@ -1571,7 +1571,8 @@
         margin-top: 1em; }
     #converse-embedded-chat .chatbox .chat-body .chat-image,
     #conversejs .chatbox .chat-body .chat-image {
-      max-height: 24em; }
+      max-height: 24em;
+      max-width: 100%; }
     #converse-embedded-chat .chatbox .chat-body .chat-action,
     #conversejs .chatbox .chat-body .chat-action {
       font-style: italic; }

+ 2 - 1
css/inverse.css

@@ -1617,7 +1617,8 @@ body {
         margin-top: 1em; }
     #converse-embedded-chat .chatbox .chat-body .chat-image,
     #conversejs .chatbox .chat-body .chat-image {
-      max-height: 24em; }
+      max-height: 24em;
+      max-width: 100%; }
     #converse-embedded-chat .chatbox .chat-body .chat-action,
     #conversejs .chatbox .chat-body .chat-action {
       font-style: italic; }

+ 1 - 0
sass/_chatbox.scss

@@ -150,6 +150,7 @@
             }
             .chat-image {
                 max-height: 24em;
+                max-width: 100%;
             }
             .chat-action {
                 font-style: italic;