From 733dbc535d5fecdaba9e05feb8923bc754920525 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 31 Mar 2021 08:59:52 +0200 Subject: Channel/account page redesign feedbacks Fix owner default avatar Semi bold orange inverted button Max width account description Increase account's channels padding Use owner avatar/display name links Move "view owner account" link on mobile Try to always display channel in video miniatures Add small border radius for channel's avatar Use main foreground color for the magnifying glass --- .../shared/shared-main/account/video-avatar-channel.component.scss | 1 + .../app/shared/shared-main/misc/simple-search-input.component.scss | 2 +- .../app/shared/shared-main/video-channel/video-channel.model.ts | 7 ++++--- 3 files changed, 6 insertions(+), 4 deletions(-) (limited to 'client/src/app/shared/shared-main') diff --git a/client/src/app/shared/shared-main/account/video-avatar-channel.component.scss b/client/src/app/shared/shared-main/account/video-avatar-channel.component.scss index ea7cb2cf7..4998e85fa 100644 --- a/client/src/app/shared/shared-main/account/video-avatar-channel.component.scss +++ b/client/src/app/shared/shared-main/account/video-avatar-channel.component.scss @@ -26,6 +26,7 @@ top:50%; left:50%; transform: translate(-50%,-50%); + border-radius: 5px; &:not(.channel-avatar) { border-radius: 50%; diff --git a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss index 116ff7ea0..5ae48f81b 100644 --- a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss +++ b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss @@ -16,7 +16,7 @@ my-global-icon { } &[iconName=search] { - color: pvar(--mainColor); + color: pvar(--mainForegroundColor); } &[iconName=cross] { diff --git a/client/src/app/shared/shared-main/video-channel/video-channel.model.ts b/client/src/app/shared/shared-main/video-channel/video-channel.model.ts index bd187a873..126e43cea 100644 --- a/client/src/app/shared/shared-main/video-channel/video-channel.model.ts +++ b/client/src/app/shared/shared-main/video-channel/video-channel.model.ts @@ -1,4 +1,5 @@ -import { VideoChannel as ServerVideoChannel, ViewsPerDate, Account, Avatar } from '@shared/models' +import { Account as ServerAccount, Avatar, VideoChannel as ServerVideoChannel, ViewsPerDate } from '@shared/models' +import { Account } from '../account/account.model' import { Actor } from '../account/actor.model' export class VideoChannel extends Actor implements ServerVideoChannel { @@ -9,7 +10,7 @@ export class VideoChannel extends Actor implements ServerVideoChannel { nameWithHost: string nameWithHostForced: string - ownerAccount?: Account + ownerAccount?: ServerAccount ownerBy?: string ownerAvatarUrl?: string @@ -46,7 +47,7 @@ export class VideoChannel extends Actor implements ServerVideoChannel { if (hash.ownerAccount) { this.ownerAccount = hash.ownerAccount this.ownerBy = Actor.CREATE_BY_STRING(hash.ownerAccount.name, hash.ownerAccount.host) - this.ownerAvatarUrl = VideoChannel.GET_ACTOR_AVATAR_URL(this.ownerAccount) + this.ownerAvatarUrl = Account.GET_ACTOR_AVATAR_URL(this.ownerAccount) } } -- cgit v1.2.3