Fix #79 - break too long lines and hide overflowing characters in status content

master
Eugen Rochko 8 years ago
parent 05af66d6b9
commit 2af3abd279
  1. 1
      app/assets/stylesheets/components.scss
  2. 9
      app/assets/stylesheets/stream_entries.scss

@ -71,6 +71,7 @@
line-height: 20px; line-height: 20px;
word-wrap: break-word; word-wrap: break-word;
font-weight: 300; font-weight: 300;
overflow: hidden;
p { p {
margin-bottom: 20px; margin-bottom: 20px;

@ -82,12 +82,13 @@
} }
.entry__container { .entry__container {
display: flex; overflow: hidden;
} }
.avatar { .avatar {
width: 56px; width: 56px;
padding: 15px; padding: 15px;
float: left;
img { img {
width: 56px; width: 56px;
@ -98,7 +99,7 @@
} }
.entry__container__container { .entry__container__container {
flex-grow: 1; margin-left: 86px;
} }
.header { .header {
@ -153,10 +154,12 @@
.content { .content {
font-size: 14px; font-size: 14px;
padding: 0 10px; padding: 0 15px;
padding-left: 8px; padding-left: 8px;
padding-bottom: 15px; padding-bottom: 15px;
color: #282c37; color: #282c37;
word-wrap: break-word;
overflow: hidden;
p { p {
margin-bottom: 18px; margin-bottom: 18px;

Loading…
Cancel
Save