about summary refs log tree commit diff
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-10-06 21:56:07 +0200
committerEugen Rochko <eugen@zeonfederated.com>2016-10-06 21:56:07 +0200
commit2af3abd279c7526112a6e98a680a9bce4dd014b9 (patch)
treea95fe39066d6cd970d6305cc1358304d15700d65
parent05af66d6b948e0eaca5149abd7934d5a192d48cc (diff)
Fix #79 - break too long lines and hide overflowing characters in status content
-rw-r--r--app/assets/stylesheets/components.scss1
-rw-r--r--app/assets/stylesheets/stream_entries.scss9
2 files changed, 7 insertions, 3 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 155517362..114d380b8 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 27eb21361..910fdf635 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;