diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html index f20325e..ed4bc33 100644 --- a/src/app/components/post/post.component.html +++ b/src/app/components/post/post.component.html @@ -16,11 +16,12 @@
+ - more + > full post - meer + > volle post
diff --git a/src/app/components/post/post.component.scss b/src/app/components/post/post.component.scss index 69add3d..2e886ba 100644 --- a/src/app/components/post/post.component.scss +++ b/src/app/components/post/post.component.scss @@ -42,6 +42,15 @@ border-right: 1px solid black; padding-right: 25px; text-align: justify; + + +} + +/** +This is a work-around for the innerHTML. Apparently, angular can style this is :host ::ng-deep is added. Fucked up. + */ +:host ::ng-deep .post-body p:last-child { + margin-bottom: 0px; } .post-tag { @@ -56,5 +65,7 @@ .more { border-left: 1px solid black; + border-right: 1px solid black; padding-left: 25px; + padding-top: 10px; } diff --git a/src/assets/post/test/full-nl.html b/src/assets/post/test/full-nl.html index 00a21ee..a2d16b5 100644 --- a/src/assets/post/test/full-nl.html +++ b/src/assets/post/test/full-nl.html @@ -1,5 +1,7 @@

Dit is een test post.

- +

Dit is een test post.

+

Dit is een test post.

+

Dit is een test post.

En dit is de tweede paragraaf!