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 @@ @@ -42,6 +42,18 @@
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 {
pointer-events: auto;
}
@ -289,6 +301,7 @@ @@ -289,6 +301,7 @@
padding: 8px 8px 4px 8px;
position: relative;
word-wrap: break-word;
max-width: 85%;
ul {
list-style-type: none;

Loading…
Cancel
Save