diff options
author | Chocobozzz <me@florianbigard.com> | 2021-04-13 15:45:49 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-04-13 15:57:05 +0200 |
commit | ace396c4e0d65362fd8b82c86e88085622927b43 (patch) | |
tree | 85806231be55d4cc32bc0424a5fccca876ddcd8c /client/src/app | |
parent | a073c912700e1ecda70a463f334f316dc62db7a4 (diff) | |
download | PeerTube-ace396c4e0d65362fd8b82c86e88085622927b43.tar.gz PeerTube-ace396c4e0d65362fd8b82c86e88085622927b43.tar.zst PeerTube-ace396c4e0d65362fd8b82c86e88085622927b43.zip |
Display account/channel creation date in title
It's not a really important information
Diffstat (limited to 'client/src/app')
4 files changed, 4 insertions, 18 deletions
diff --git a/client/src/app/+accounts/accounts.component.html b/client/src/app/+accounts/accounts.component.html index 03d083bb6..1b2c11311 100644 --- a/client/src/app/+accounts/accounts.component.html +++ b/client/src/app/+accounts/accounts.component.html | |||
@@ -10,7 +10,7 @@ | |||
10 | <div class="actor-info"> | 10 | <div class="actor-info"> |
11 | <div> | 11 | <div> |
12 | <div class="actor-display-name"> | 12 | <div class="actor-display-name"> |
13 | <h1>{{ account.displayName }}</h1> | 13 | <h1 i18n-title [title]="'Created on ' + (account.createdAt | date)">{{ account.displayName }}</h1> |
14 | 14 | ||
15 | <my-user-moderation-dropdown | 15 | <my-user-moderation-dropdown |
16 | [prependActions]="prependModerationActions" | 16 | [prependActions]="prependModerationActions" |
@@ -48,8 +48,6 @@ | |||
48 | 48 | ||
49 | <div class="description" [ngClass]="{ expanded: accountDescriptionExpanded }"> | 49 | <div class="description" [ngClass]="{ expanded: accountDescriptionExpanded }"> |
50 | <div class="description-html" [innerHTML]="accountDescriptionHTML"></div> | 50 | <div class="description-html" [innerHTML]="accountDescriptionHTML"></div> |
51 | |||
52 | <div class="created-at" i18n>Account created on {{ account.createdAt | date }}</div> | ||
53 | </div> | 51 | </div> |
54 | 52 | ||
55 | <div *ngIf="hasShowMoreDescription()" class="show-more" role="button" | 53 | <div *ngIf="hasShowMoreDescription()" class="show-more" role="button" |
diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss index a836e84ce..56927dea6 100644 --- a/client/src/app/+accounts/accounts.component.scss +++ b/client/src/app/+accounts/accounts.component.scss | |||
@@ -53,6 +53,7 @@ my-user-moderation-dropdown, | |||
53 | background-color: pvar(--submenuBackgroundColor); | 53 | background-color: pvar(--submenuBackgroundColor); |
54 | margin-bottom: 45px; | 54 | margin-bottom: 45px; |
55 | padding-top: var(--myGlobalTopPadding); | 55 | padding-top: var(--myGlobalTopPadding); |
56 | padding-bottom: var(--myGlobalTopPadding); | ||
56 | font-size: var(--myFontSize); | 57 | font-size: var(--myFontSize); |
57 | } | 58 | } |
58 | 59 | ||
@@ -66,12 +67,6 @@ my-user-moderation-dropdown, | |||
66 | word-break: break-word; | 67 | word-break: break-word; |
67 | } | 68 | } |
68 | 69 | ||
69 | .created-at { | ||
70 | margin-top: 15px; | ||
71 | color: pvar(--greyForegroundColor); | ||
72 | padding-bottom: 60px; | ||
73 | } | ||
74 | |||
75 | .show-more { | 70 | .show-more { |
76 | @include show-more-description; | 71 | @include show-more-description; |
77 | 72 | ||
diff --git a/client/src/app/+video-channels/video-channels.component.html b/client/src/app/+video-channels/video-channels.component.html index 1312a1b3c..91db820fc 100644 --- a/client/src/app/+video-channels/video-channels.component.html +++ b/client/src/app/+video-channels/video-channels.component.html | |||
@@ -57,7 +57,7 @@ | |||
57 | <div class="actor-info"> | 57 | <div class="actor-info"> |
58 | <div> | 58 | <div> |
59 | <div class="actor-display-name"> | 59 | <div class="actor-display-name"> |
60 | <h1>{{ videoChannel.displayName }}</h1> | 60 | <h1 i18n-title [title]="'Channel created on ' + (videoChannel.createdAt | date)">{{ videoChannel.displayName }}</h1> |
61 | </div> | 61 | </div> |
62 | 62 | ||
63 | <div class="actor-handle"> | 63 | <div class="actor-handle"> |
@@ -87,8 +87,6 @@ | |||
87 | 87 | ||
88 | <div class="channel-description" [ngClass]="{ expanded: channelDescriptionExpanded }"> | 88 | <div class="channel-description" [ngClass]="{ expanded: channelDescriptionExpanded }"> |
89 | <div class="description-html" [innerHTML]="channelDescriptionHTML"></div> | 89 | <div class="description-html" [innerHTML]="channelDescriptionHTML"></div> |
90 | |||
91 | <div class="created-at" i18n>Channel created on {{ videoChannel.createdAt | date }}</div> | ||
92 | </div> | 90 | </div> |
93 | 91 | ||
94 | <div *ngIf="hasShowMoreDescription()" class="show-more" role="button" | 92 | <div *ngIf="hasShowMoreDescription()" class="show-more" role="button" |
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss index b19b4c81b..112ec1c22 100644 --- a/client/src/app/+video-channels/video-channels.component.scss +++ b/client/src/app/+video-channels/video-channels.component.scss | |||
@@ -43,6 +43,7 @@ | |||
43 | background-color: pvar(--channelBackgroundColor); | 43 | background-color: pvar(--channelBackgroundColor); |
44 | margin-bottom: 45px; | 44 | margin-bottom: 45px; |
45 | padding-top: var(--myGlobalTopPadding); | 45 | padding-top: var(--myGlobalTopPadding); |
46 | padding-bottom: var(--myGlobalTopPadding); | ||
46 | font-size: var(--myFontSize); | 47 | font-size: var(--myFontSize); |
47 | } | 48 | } |
48 | 49 | ||
@@ -83,12 +84,6 @@ | |||
83 | display: none; | 84 | display: none; |
84 | } | 85 | } |
85 | 86 | ||
86 | .created-at { | ||
87 | margin-top: 15px; | ||
88 | color: pvar(--greyForegroundColor); | ||
89 | padding-bottom: 60px; | ||
90 | } | ||
91 | |||
92 | .owner-card { | 87 | .owner-card { |
93 | margin-left: 105px; | 88 | margin-left: 105px; |
94 | grid-column: 2; | 89 | grid-column: 2; |