]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/commit - client/src/sass/include/_mixins.scss
Improve navigation sub-menu and tabs effects (#2971)
authorKim <1877318+kimsible@users.noreply.github.com>
Thu, 23 Jul 2020 13:09:15 +0000 (15:09 +0200)
committerGitHub <noreply@github.com>
Thu, 23 Jul 2020 13:09:15 +0000 (15:09 +0200)
commited5bb517266c80904c44bf44a335f1003f5aa277
tree80671a21fb8c13ab47a65f01b64222a3a1e96a47
parent345b4a22a8432cfd8c9c9f24634821d58c215b9a
Improve navigation sub-menu and tabs effects (#2971)

* Improve nav border and colors on active and non-active

* Remove margin-top effect on active nav

* Use opacity / bold instead of color change on nav

* Remove dropdown items label in sub-menu and add a class active

* Position sub-menu to fixed

* Autoclose dropdown sub-menu only on outside click

* Remove open dropdown on hover in sub-menu

* Show reusable h1 for dropdown item in sub-menu

* Put reusable sub-menu h1 styles to mixins

* Add icons to sub-menu dropdown-item h1

* Make all the sub-menu accessible with focus

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
29 files changed:
client/src/app/+admin/admin.component.scss
client/src/app/+admin/follows/followers-list/followers-list.component.html
client/src/app/+admin/follows/following-list/following-list.component.html
client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html
client/src/app/+admin/moderation/abuse-list/abuse-list.component.html
client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
client/src/app/+admin/plugins/plugins.component.html
client/src/app/+admin/plugins/plugins.component.scss
client/src/app/+admin/system/system.component.html
client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.html
client/src/app/+my-account/my-account-history/my-account-history.component.html
client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html
client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.html
client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
client/src/app/+my-account/my-account-videos/my-account-videos.component.html
client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
client/src/app/+my-account/my-account.component.scss
client/src/app/+videos/+video-edit/video-add.component.scss
client/src/app/shared/shared-main/misc/top-menu-dropdown.component.html
client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
client/src/app/shared/shared-main/misc/top-menu-dropdown.component.ts
client/src/app/shared/shared-moderation/account-blocklist.component.html
client/src/app/shared/shared-moderation/server-blocklist.component.html
client/src/sass/application.scss
client/src/sass/bootstrap.scss
client/src/sass/include/_mixins.scss
client/src/sass/include/_variables.scss