Mastodon/Whalebird-desktop-client-mac-linux-windows
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refs #186 Show account name in toot

Browse Source
This commit is contained in:
AkiraFukushima 2018-04-17 23:46:16 +09:00
parent e755206cf2
commit 61a1a4b2dd
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
View File

@ -6,7 +6,8 @@
<div class="detail" v-on:dblclick="openDetail(message)"> <div class="detail" v-on:dblclick="openDetail(message)">
<div class="toot-header"> <div class="toot-header">
<div class="user" @click="openUser(originalMessage(message).account)"> <div class="user" @click="openUser(originalMessage(message).account)">
{{ username(originalMessage(message).account) }} <span class="display-name">{{ username(originalMessage(message).account) }}</span>
<span class="acct">@{{ originalMessage(message).account.username }}</span>
</div> </div>
<div class="timestamp"> <div class="timestamp">
{{ parseDatetime(message.created_at) }} {{ parseDatetime(message.created_at) }}
@ -200,14 +201,22 @@ function findLink (target) {
.toot-header { .toot-header {
.user { .user {
float: left; float: left;
font-weight: 800;
color: var(--theme-primary-color);
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
.display-name {
font-weight: 800;
color: var(--theme-primary-color);
}
.acct {
font-weight: normal;
color: var(--theme-secondary-color);
}
} }
.timestamp { .timestamp {