diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-12-04 20:43:32 +0100 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-12-05 11:01:35 +0100 |
| commit | fd4df9aaa91e144528cb3186cd02bac9134709e0 (patch) | |
| tree | 206250be56c088d6bf73237b0e6eb498859a0926 /src | |
| parent | 3d2fe11cd3f3db1b2fb750658ede34dd9b6e9131 (diff) | |
Bold username
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Composer.vue | 13 | ||||
| -rw-r--r-- | src/components/TimelineEntry.vue | 4 | ||||
| -rw-r--r-- | src/components/UserEntry.vue | 4 |
3 files changed, 17 insertions, 4 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue index 1bdb78b6..1f1ea238 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -27,8 +27,8 @@ </div> <form class="new-post-form" @submit.prevent="createPost"> <div class="author currentUser"> - {{ currentUser.displayName }} - <span class="social-id">{{ socialId }}</span> + <span class="post-author">{{ currentUser.displayName }}</span> + <span class="post-author-id">{{ socialId }}</span> </div> <vue-tribute :options="tributeOptions"> <!-- eslint-disable-next-line vue/valid-v-model --> @@ -85,6 +85,7 @@ z-index: 100; margin-bottom: 10px; } + .new-post-author { padding: 5px; } @@ -100,8 +101,12 @@ min-height: 70px; } - .author .social-id { - opacity: .5; + .post-author { + font-weight: bold; + } + + .post-author-id { + opacity: .7; } [contenteditable=true]:empty:before{ diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue index 7fa30b32..cf61db62 100644 --- a/src/components/TimelineEntry.vue +++ b/src/components/TimelineEntry.vue @@ -77,6 +77,10 @@ export default { margin-top: 0; } + .post-author { + font-weight: bold; + } + .post-author-id { opacity: .7; } diff --git a/src/components/UserEntry.vue b/src/components/UserEntry.vue index 95a94c4a..b583921e 100644 --- a/src/components/UserEntry.vue +++ b/src/components/UserEntry.vue @@ -92,6 +92,10 @@ export default { flex-shrink: 0; } + .post-author { + font-weight: bold; + } + .entry-content { display: flex; align-items: flex-start; |