]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/commit
User dropdown and notifications popover improvements (#3344)
authorKimsible <1877318+kimsible@users.noreply.github.com>
Sun, 13 Dec 2020 13:54:12 +0000 (14:54 +0100)
committerGitHub <noreply@github.com>
Sun, 13 Dec 2020 13:54:12 +0000 (14:54 +0100)
commit51a83970061b4005343d2bfc4edb883318ef2ca6
treec33753d0dc51bc534706b0839cf567d673294f29
parent75594f474a3e04086b37a014d23e89780ca67458
User dropdown and notifications popover improvements (#3344)

* hove user dropdown on avatar and username
* rename avatar-notification to notification component
* use a link on mobile for notification component
* add profile user dropdown and mobile notifications link as reusable active link
* replace markAllAsRead inbox glyphicon to ok in notification popover
* remove keyboard shortcuts from user dropdown on mobile
* use common bell icon instead of inbox-full for notifications
* remove duplicated notification in user dropdown since the bell appears on the right
* adjust sensitive icon in user dropdown
* align vertically user buttons popover and dropdown
* adjust ellipsis on user display name and username in menu
* adjust notification bell for mobile in menu
* display background of user dropdown avatar and username for touchscreens
* add right arrow indicator on mobile

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
12 files changed:
client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
client/src/app/app.module.ts
client/src/app/menu/index.ts
client/src/app/menu/menu.component.html
client/src/app/menu/menu.component.scss
client/src/app/menu/menu.component.ts
client/src/app/menu/notification.component.html [moved from client/src/app/menu/avatar-notification.component.html with 62% similarity]
client/src/app/menu/notification.component.scss [moved from client/src/app/menu/avatar-notification.component.scss with 61% similarity]
client/src/app/menu/notification.component.ts [moved from client/src/app/menu/avatar-notification.component.ts with 67% similarity]
client/src/app/shared/shared-icons/global-icon.component.ts
client/src/assets/images/feather/bell.svg [new file with mode: 0644]
client/src/assets/images/feather/inbox-full.svg [deleted file]