treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

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

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Eugen Rochko 2016-10-06 21:56:07 +02:00
parent 05af66d6b9
commit 2af3abd279
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/components.scss
View File

@ -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;

9
app/assets/stylesheets/stream_entries.scss
View File

@ -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;