From ea5e43cc939f2010b4f4c97cb8d346c91348fbba Mon Sep 17 00:00:00 2001 From: svishnev Date: Sun, 15 Apr 2018 09:06:57 +0300 Subject: Onboarding filter Issue-ID: SDC-1187 Change-Id: I74ce464c8ee4060c381b094d26d1ded270cdf40d Signed-off-by: svishnev --- openecomp-ui/resources/scss/_components.scss | 1 - .../resources/scss/components/_accordion.scss | 28 ---------------------- .../modules/onboardingCatalog/_catalogFilter.scss | 28 +++++++++++++--------- .../modules/onboardingCatalog/_catalogList.scss | 8 +++++++ 4 files changed, 25 insertions(+), 40 deletions(-) delete mode 100644 openecomp-ui/resources/scss/components/_accordion.scss (limited to 'openecomp-ui/resources') diff --git a/openecomp-ui/resources/scss/_components.scss b/openecomp-ui/resources/scss/_components.scss index ce5c732b3d..e18b2603e9 100644 --- a/openecomp-ui/resources/scss/_components.scss +++ b/openecomp-ui/resources/scss/_components.scss @@ -21,7 +21,6 @@ @import "components/commitModal"; @import "components/userNotifications"; @import "components/overlay"; -@import "components/accordion"; @import "components/vspDetailsVendorSelect"; %noselect { diff --git a/openecomp-ui/resources/scss/components/_accordion.scss b/openecomp-ui/resources/scss/components/_accordion.scss deleted file mode 100644 index c96bc71be5..0000000000 --- a/openecomp-ui/resources/scss/components/_accordion.scss +++ /dev/null @@ -1,28 +0,0 @@ -.accordion { - display: flex; - flex-direction: column; - .accordion-header { - display: flex; - flex-direction: row; - cursor: pointer; - margin-bottom: 10px; - .svg-icon-wrapper { - margin-right: 20px; - transition: transform .4s; - &.down { - transform: rotate(180deg); - } - } - } - .accordion-body { - padding-left: 10px; - opacity: 0; - overflow-y: hidden; - max-height: 0; - transition: max-height .3s cubic-bezier(0, 1.18, 1, 1), opacity 0.33s linear; - &.open { - opacity: 1; - max-height: 100%; - } - } -} \ No newline at end of file diff --git a/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogFilter.scss b/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogFilter.scss index cda47c6340..a7a7628249 100644 --- a/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogFilter.scss +++ b/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogFilter.scss @@ -1,16 +1,22 @@ .catalog-filter { - width: 242px; - overflow-y: auto; - height: 100%; - box-shadow: 1px 0px 4px 0px rgba(24, 24, 25, 0.17); - background-color: $white; - padding: 12px 18px; - .form-group { - margin-bottom: 10px; + .catalog-filter-by-vendor-view { + margin-left: 18px; + margin-right: 18px; + } + .empty-block { + height: 34px; + width: 100%; } .catalog-filter-items-type { width: 100%; - background-color: $gray; - color: $white; + background-color: $tlv-light-gray; + height: 34px; + } + .sdc-accordion { + padding-left: 18px; + padding-right: 18px; + } + .first-line { + margin-top: 40px; } -} \ No newline at end of file +} diff --git a/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogList.scss b/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogList.scss index 071268c50d..11a739d004 100644 --- a/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogList.scss +++ b/openecomp-ui/resources/scss/modules/onboardingCatalog/_catalogList.scss @@ -24,6 +24,14 @@ display: block; width: 100%; } + .venodor-tile-btn { + border: 1px solid $light-gray; + color: $black; + line-height: 20px; + &:hover { + background-color: $light-gray; + } + } } // Bottom spacing - cross browser solution -- cgit 1.2.3-korg