Display account/channel creation date in title

It's not a really important information

diff --git a/client/src/app/+accounts/accounts.component.html b/client/src/app/+accounts/accounts.component.html
index 03d083bb688d2747984a8a973ed219f2241e3e22..1b2c113116dd66be404c649baa3ecc710722f6cd 100644 (file)
--- a/client/src/app/+accounts/accounts.component.html
+++ b/client/src/app/+accounts/accounts.component.html
@@ -10,7 +10,7 @@
         <div class="actor-info">
           <div>
             <div class="actor-display-name">
-              <h1>{{ account.displayName }}</h1>
+              <h1 i18n-title [title]="'Created on ' + (account.createdAt | date)">{{ account.displayName }}</h1>
 
               <my-user-moderation-dropdown
                 [prependActions]="prependModerationActions"
@@ -48,8 +48,6 @@
 
     <div class="description" [ngClass]="{ expanded: accountDescriptionExpanded }">
       <div class="description-html" [innerHTML]="accountDescriptionHTML"></div>
-
-      <div class="created-at" i18n>Account created on {{ account.createdAt | date }}</div>
     </div>
 
     <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 a836e84ce307814084b05511ca21109ee13114d9..56927dea6917a6afa464c0d5d476661ab0f0577e 100644 (file)
--- a/client/src/app/+accounts/accounts.component.scss
+++ b/client/src/app/+accounts/accounts.component.scss
@@ -53,6 +53,7 @@ my-user-moderation-dropdown,
   background-color: pvar(--submenuBackgroundColor);
   margin-bottom: 45px;
   padding-top: var(--myGlobalTopPadding);
+  padding-bottom: var(--myGlobalTopPadding);
   font-size: var(--myFontSize);
 }
 
@@ -66,12 +67,6 @@ my-user-moderation-dropdown,
   word-break: break-word;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .show-more {
   @include show-more-description;
 

diff --git a/client/src/app/+video-channels/video-channels.component.html b/client/src/app/+video-channels/video-channels.component.html
index 1312a1b3ce94b9ae5c2a1609e3e6ddc4ac4f07f9..91db820fc921d65d8e21bc4b537cfd56279697c5 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.html
+++ b/client/src/app/+video-channels/video-channels.component.html
@@ -57,7 +57,7 @@
         <div class="actor-info">
           <div>
             <div class="actor-display-name">
-              <h1>{{ videoChannel.displayName }}</h1>
+              <h1 i18n-title [title]="'Channel created on ' + (videoChannel.createdAt | date)">{{ videoChannel.displayName }}</h1>
             </div>
 
             <div class="actor-handle">
@@ -87,8 +87,6 @@
 
     <div class="channel-description" [ngClass]="{ expanded: channelDescriptionExpanded }">
       <div class="description-html" [innerHTML]="channelDescriptionHTML"></div>
-
-      <div class="created-at" i18n>Channel created on {{ videoChannel.createdAt | date }}</div>
     </div>
 
     <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 b19b4c81b14664c2882694e90260953622aad199..112ec1c22435570db928ba4e10c84f2155986cac 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -43,6 +43,7 @@
   background-color: pvar(--channelBackgroundColor);
   margin-bottom: 45px;
   padding-top: var(--myGlobalTopPadding);
+  padding-bottom: var(--myGlobalTopPadding);
   font-size: var(--myFontSize);
 }
 
@@ -83,12 +84,6 @@
   display: none;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .owner-card {
   margin-left: 105px;
   grid-column: 2;