From b619ce691315cc5e6bb0255d29a5c2370b13b21f Mon Sep 17 00:00:00 2001 From: Vitalii Shpital Date: Mon, 11 Oct 2021 17:23:41 +0300 Subject: [PATCH] web/satellite: new nav project dropdown Added new project dropdown for new navigation sidebar. Change-Id: Idbfd37cfff2218b8bfda803bdf143b8eab691200 --- web/satellite/src/App.vue | 4 + .../billing/paymentMethods/PaymentsBonus.vue | 1 - .../NewNavigationArea.vue | 159 +++++++++ .../NewProjectSelection.vue | 337 ++++++++++++++++++ web/satellite/src/views/DashboardArea.vue | 18 +- web/satellite/static/images/logo.svg | 26 +- .../static/images/navigation/accessGrants.svg | 3 + .../static/images/navigation/arrow.svg | 3 + .../static/images/navigation/buckets.svg | 3 + .../static/images/navigation/checkmark.svg | 3 + .../images/navigation/createProject.svg | 3 + .../static/images/navigation/manage.svg | 3 + .../static/images/navigation/project.svg | 3 + .../images/navigation/projectDashboard.svg | 3 + .../static/images/navigation/quickStart.svg | 3 + .../static/images/navigation/resources.svg | 3 + .../static/images/navigation/users.svg | 3 + .../__snapshots__/PaymentMethods.spec.ts.snap | 46 ++- 18 files changed, 581 insertions(+), 43 deletions(-) create mode 100644 web/satellite/src/components/navigation/newNavigationStructure/NewNavigationArea.vue create mode 100644 web/satellite/src/components/navigation/newNavigationStructure/NewProjectSelection.vue create mode 100644 web/satellite/static/images/navigation/accessGrants.svg create mode 100644 web/satellite/static/images/navigation/arrow.svg create mode 100644 web/satellite/static/images/navigation/buckets.svg create mode 100644 web/satellite/static/images/navigation/checkmark.svg create mode 100644 web/satellite/static/images/navigation/createProject.svg create mode 100644 web/satellite/static/images/navigation/manage.svg create mode 100644 web/satellite/static/images/navigation/project.svg create mode 100644 web/satellite/static/images/navigation/projectDashboard.svg create mode 100644 web/satellite/static/images/navigation/quickStart.svg create mode 100644 web/satellite/static/images/navigation/resources.svg create mode 100644 web/satellite/static/images/navigation/users.svg diff --git a/web/satellite/src/App.vue b/web/satellite/src/App.vue index f3e6f8eaa..603c7a499 100644 --- a/web/satellite/src/App.vue +++ b/web/satellite/src/App.vue @@ -99,6 +99,10 @@ export default class App extends Vue { -webkit-user-drag: none; } + #app { + height: 100%; + } + @font-face { font-family: 'font_regular'; font-style: normal; diff --git a/web/satellite/src/components/account/billing/paymentMethods/PaymentsBonus.vue b/web/satellite/src/components/account/billing/paymentMethods/PaymentsBonus.vue index 36bb3835f..4288b5dad 100644 --- a/web/satellite/src/components/account/billing/paymentMethods/PaymentsBonus.vue +++ b/web/satellite/src/components/account/billing/paymentMethods/PaymentsBonus.vue @@ -83,7 +83,6 @@ export default class PaymentsBonus extends Vue { } .banner-logo-svg { - min-height: 64px; min-width: 54px; } diff --git a/web/satellite/src/components/navigation/newNavigationStructure/NewNavigationArea.vue b/web/satellite/src/components/navigation/newNavigationStructure/NewNavigationArea.vue new file mode 100644 index 000000000..2d72d7fbe --- /dev/null +++ b/web/satellite/src/components/navigation/newNavigationStructure/NewNavigationArea.vue @@ -0,0 +1,159 @@ +// Copyright (C) 2021 Storj Labs, Inc. +// See LICENSE for copying information. + + + + + + diff --git a/web/satellite/src/components/navigation/newNavigationStructure/NewProjectSelection.vue b/web/satellite/src/components/navigation/newNavigationStructure/NewProjectSelection.vue new file mode 100644 index 000000000..6062ce7a2 --- /dev/null +++ b/web/satellite/src/components/navigation/newNavigationStructure/NewProjectSelection.vue @@ -0,0 +1,337 @@ +// Copyright (C) 2021 Storj Labs, Inc. +// See LICENSE for copying information. + + + + + + diff --git a/web/satellite/src/views/DashboardArea.vue b/web/satellite/src/views/DashboardArea.vue index b41d08fda..19a30515d 100644 --- a/web/satellite/src/views/DashboardArea.vue +++ b/web/satellite/src/views/DashboardArea.vue @@ -18,7 +18,10 @@