sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Use max-content for post items

Browse source
This commit is contained in:
Sonny Bakker 2020-11-01 14:02:58 +01:00
parent 4cdb16b2c1
commit 06bc705c00
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/newsreader/scss/components/posts/_posts.scss
View file

@ -1,15 +1,16 @@
.posts { .posts {
width: 70%;
margin: 0 0 2% 20px; margin: 0 0 2% 20px;
width: 70%;
&__list { &__list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style: none; width: 100%;
width: 95%;
padding: 0; padding: 0;
list-style: none;
} }
&__item { &__item {
@ -18,6 +19,8 @@
padding: 10px; padding: 10px;
max-width: max-content;
&:first-child { &:first-child {
padding: 0 10px 10px 10px; padding: 0 10px 10px 10px;
} }
@ -39,8 +42,6 @@
} }
&__header { &__header {
width: 80%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;