Home Explore Help
Register Sign In
im-changing.ru
/
converse.js
mirror of https://github.com/conversejs/converse.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Don't let images go over the available width

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

+ 2 - 1
css/converse.css
View File 

@@ -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
View File 

@@ -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
View File 

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