diff options
| author | dartcafe <github@dartcafe.de> | 2020-01-12 15:58:07 +0300 |
|---|---|---|
| committer | dartcafe <github@dartcafe.de> | 2020-01-12 15:58:07 +0300 |
| commit | b0440b1f63bd8c660ec20046aff9f2e04dd8652d (patch) | |
| tree | fe724957bb769f1d3a74aab8966b34e0d9663a9c /src/js/components/Comments/Comments.vue | |
| parent | 1624fb6ba3b265cb55b40147e8dbdf177c4e7fe3 (diff) | |
misc design changes
Diffstat (limited to 'src/js/components/Comments/Comments.vue')
| -rw-r--r-- | src/js/components/Comments/Comments.vue | 40 |
1 files changed, 24 insertions, 16 deletions
diff --git a/src/js/components/Comments/Comments.vue b/src/js/components/Comments/Comments.vue index 7bb968f5..b373bb86 100644 --- a/src/js/components/Comments/Comments.vue +++ b/src/js/components/Comments/Comments.vue @@ -21,7 +21,7 @@ --> <template> - <div> + <div class="comments"> <h2>{{ t('polls','Comments') }} </h2> <CommentAdd v-if="acl.allowComment" /> <transition-group v-if="countComments" name="fade" class="comments" @@ -69,24 +69,32 @@ export default { </script> <style scoped lang="scss"> +.comments { + margin: 8px 0; + padding-right: 12px; +} - ul { - & > li { - margin-bottom: 30px; - & > .comment-item { - display: flex; - align-items: center; +#emptycontent, .emptycontent { + margin-top: 0; +} - & > .date { - right: 0; - top: 5px; - opacity: 0.5; - } - } - & > .message { - margin-left: 44px; - flex: 1 1; +ul { + & > li { + margin-bottom: 30px; + & > .comment-item { + display: flex; + align-items: center; + + & > .date { + right: 0; + top: 5px; + opacity: 0.5; } } + & > .message { + margin-left: 44px; + flex: 1 1; + } } +} </style> |