diff --git a/src/app/pages/user/usercomments/usercomments.page.html b/src/app/pages/user/usercomments/usercomments.page.html index da422a0..2636949 100644 --- a/src/app/pages/user/usercomments/usercomments.page.html +++ b/src/app/pages/user/usercomments/usercomments.page.html @@ -1,5 +1,9 @@
+ + +
+

{{'user.commentsBy' | i18n}}{{username}}

@@ -7,7 +11,10 @@ {{comment.created | datef}} - {{'comment.author' | i18n}}{{comment.author}} + + {{'comment.on' | i18n}} {{comment.metadata.entry || + 'entry'}} +
+ + +

{{'comments.nothing' | i18n}}

+
+
+ {{ (parent ? 'comments.subcomments.showMore' : 'comments.showMore') | i18n}} diff --git a/src/app/pages/user/usercomments/usercomments.page.scss b/src/app/pages/user/usercomments/usercomments.page.scss new file mode 100644 index 0000000..c6ac893 --- /dev/null +++ b/src/app/pages/user/usercomments/usercomments.page.scss @@ -0,0 +1,41 @@ +.comments { + padding-left: 20px; +} + +.comments > small { + margin-bottom: 15px; +} + +small > a { + color: inherit !important; + text-decoration: none; +} + +small > a:hover { + color: inherit !important; + text-decoration: underline; +} + +.text { + white-space: break-spaces; + word-break: break-word; +} + +span.voted { + opacity: 0.5; +} + +.comment { + margin: 15px 0; +} + +.mat-icon { + top: 3px; + position: relative; + margin-right: 5px; +} + +small .mat-icon { + top: 2px; + margin-right: 0px; +} diff --git a/src/app/pages/user/usercomments/usercomments.page.ts b/src/app/pages/user/usercomments/usercomments.page.ts index 490f9b4..c2ab8e3 100644 --- a/src/app/pages/user/usercomments/usercomments.page.ts +++ b/src/app/pages/user/usercomments/usercomments.page.ts @@ -3,11 +3,11 @@ import { Component, OnInit, Input } from '@angular/core'; import { Router, ActivatedRoute } from '@angular/router'; import { CommentService } from '../../../services/comment.service'; -import { PageEvent } from '@angular/material/paginator'; @Component({ selector: 'page-usercomments', - templateUrl: './usercomments.page.html' + templateUrl: './usercomments.page.html', + styleUrls: [ './usercomments.page.scss' ] }) export class PageUserComments implements OnInit { diff --git a/src/app/pages/user/userentries/userentries.page.html b/src/app/pages/user/userentries/userentries.page.html index 24cc006..4440802 100644 --- a/src/app/pages/user/userentries/userentries.page.html +++ b/src/app/pages/user/userentries/userentries.page.html @@ -1 +1,6 @@ - \ No newline at end of file +
+
+

{{'user.entriesBy' | i18n}}{{username}}

+
+ +
\ No newline at end of file diff --git a/src/app/ui/comment/comment.ui.html b/src/app/ui/comment/comment.ui.html index 7afc58a..9559b5c 100644 --- a/src/app/ui/comment/comment.ui.html +++ b/src/app/ui/comment/comment.ui.html @@ -18,13 +18,16 @@ {{comment.created | datef}} + {{'comment.on' | i18n}} {{comment.metadata.entry || 'entry'}} {{'comment.author' | i18n}}{{comment.author}} | {{'comment.unvote' | i18n}}
{{comment.text}}
+ [style.opacity]="comment.metadata && comment.metadata.points && comment.metadata.points < 0 ? 1 + (comment.metadata.points / 10) : '1.0'"> + {{comment.text}}
diff --git a/src/app/ui/comment/comment.ui.scss b/src/app/ui/comment/comment.ui.scss index c997d12..9a4a9e2 100644 --- a/src/app/ui/comment/comment.ui.scss +++ b/src/app/ui/comment/comment.ui.scss @@ -1,9 +1,9 @@ -small a { +small > a { color: inherit !important; text-decoration: none; } -small a:hover { +small > a:hover { color: inherit !important; text-decoration: underline; } diff --git a/src/app/ui/comments/comments.ui.html b/src/app/ui/comments/comments.ui.html index 1eabe63..df82ebd 100644 --- a/src/app/ui/comments/comments.ui.html +++ b/src/app/ui/comments/comments.ui.html @@ -6,7 +6,14 @@ + + +

{{'comments.nothing' | i18n}}

+
+
+ - {{ (parent ? 'comments.subcomments.showMore' : 'comments.showMore') | i18n}} + {{ (parent ? 'comments.subcomments.showMore' : + 'comments.showMore') | i18n}}
\ No newline at end of file