瀏覽代碼

fix(chat): re-fix letting long messages wrap

master
Leonard Kim 6 年之前
父節點
當前提交
5a53d7f32a
共有 2 個檔案被更改,包括 5 行新增1 行删除
  1. 4
    0
      css/_chat.scss
  2. 1
    1
      react/features/chat/components/web/ChatMessage.js

+ 4
- 0
css/_chat.scss 查看文件

312
         }
312
         }
313
     }
313
     }
314
 
314
 
315
+    .chatmessage-wrapper {
316
+        max-width: 100%;
317
+    }
318
+
315
     .chatmessage {
319
     .chatmessage {
316
         background-color: $chatRemoteMessageBackgroundColor;
320
         background-color: $chatRemoteMessageBackgroundColor;
317
         border-radius: 0px 6px 6px 6px;
321
         border-radius: 0px 6px 6px 6px;

+ 1
- 1
react/features/chat/components/web/ChatMessage.js 查看文件

56
         });
56
         });
57
 
57
 
58
         return (
58
         return (
59
-            <div>
59
+            <div className = 'chatmessage-wrapper'>
60
                 <div className = 'chatmessage'>
60
                 <div className = 'chatmessage'>
61
                     { this.props.showDisplayName && this._renderDisplayName() }
61
                     { this.props.showDisplayName && this._renderDisplayName() }
62
                     <div className = 'usermessage'>
62
                     <div className = 'usermessage'>

Loading…
取消
儲存