Browse Source

Use max widths for chat messages.

pull/162/head
Simon Eisenmann 10 years ago
parent
commit
d1028521be
  1. 13
      src/styles/components/_chat.scss

13
src/styles/components/_chat.scss

@ -42,6 +42,18 @@
width: auto; width: auto;
} }
&.withChatMaximized #chat .message {
@include breakpt($breakpoint-large, max-width) {
max-width: 55%;
}
@include breakpt($breakpoint-medium, max-width) {
max-width: 70%;
}
@include breakpt($breakpoint-small, max-width) {
max-width: 85%;
}
}
.chat { .chat {
pointer-events: auto; pointer-events: auto;
} }
@ -289,6 +301,7 @@
padding: 8px 8px 4px 8px; padding: 8px 8px 4px 8px;
position: relative; position: relative;
word-wrap: break-word; word-wrap: break-word;
max-width: 85%;
ul { ul {
list-style-type: none; list-style-type: none;

Loading…
Cancel
Save