From 2af3abd279c7526112a6e98a680a9bce4dd014b9 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Thu, 6 Oct 2016 21:56:07 +0200
Subject: [PATCH] Fix #79 - break too long lines and hide overflowing
characters in status content
---
app/assets/stylesheets/components.scss | 1 +
app/assets/stylesheets/stream_entries.scss | 9 ++++++---
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 155517362c..114d380b83 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -71,6 +71,7 @@
line-height: 20px;
word-wrap: break-word;
font-weight: 300;
+ overflow: hidden;
p {
margin-bottom: 20px;
diff --git a/app/assets/stylesheets/stream_entries.scss b/app/assets/stylesheets/stream_entries.scss
index 27eb213618..910fdf6351 100644
--- a/app/assets/stylesheets/stream_entries.scss
+++ b/app/assets/stylesheets/stream_entries.scss
@@ -82,12 +82,13 @@
}
.entry__container {
- display: flex;
+ overflow: hidden;
}
.avatar {
width: 56px;
padding: 15px;
+ float: left;
img {
width: 56px;
@@ -98,7 +99,7 @@
}
.entry__container__container {
- flex-grow: 1;
+ margin-left: 86px;
}
.header {
@@ -153,10 +154,12 @@
.content {
font-size: 14px;
- padding: 0 10px;
+ padding: 0 15px;
padding-left: 8px;
padding-bottom: 15px;
color: #282c37;
+ word-wrap: break-word;
+ overflow: hidden;
p {
margin-bottom: 18px;