Don't let images go over the available width

713e24e0 · JC Brand · 8abe6867 · 713e24e0 · 713e24e0 · 713e24e0
Commit 713e24e0 authored Jun 23, 2017 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 2 deletions

css/converse.css css/converse.css +2 -1

css/inverse.css css/inverse.css +2 -1

sass/_chatbox.scss sass/_chatbox.scss +1 -0

No files found.
--- a/css/converse.css
+++ b/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; }

--- a/css/inverse.css
+++ b/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; }

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