summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
diff options
context:
space:
mode:
authorAviZi <avi.ziv@amdocs.com>2017-06-09 02:39:56 +0300
committerAviZi <avi.ziv@amdocs.com>2017-06-09 02:39:56 +0300
commit280f8015d06af1f41a3ef12e8300801c7a5e0d54 (patch)
tree9c1d3978c04cd28068f02073038c936bb49ca9e0 /openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
parentfd3821dad11780d33c5373d74c957c442489945e (diff)
[SDC-29] Amdocs OnBoard 1707 initial commit.
Change-Id: Ie4d12a3f574008b792899b368a0902a8b46b5370 Signed-off-by: AviZi <avi.ziv@amdocs.com>
Diffstat (limited to 'openecomp-ui/resources/scss/modules/_onboardingCatalog.scss')
-rw-r--r--openecomp-ui/resources/scss/modules/_onboardingCatalog.scss180
1 files changed, 20 insertions, 160 deletions
diff --git a/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss b/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
index 6020866d4a..6c56d11049 100644
--- a/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
+++ b/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
@@ -1,164 +1,24 @@
$transitionLength: 0.6s;
.catalog-view {
- background-color: $background-gray;
- height: 100%;
- overflow: hidden;
- height: 100%;
- .catalog-header {
- padding-top: 20px;
- margin: 0 48px 0 20px;
- border-bottom: 1px solid $light-gray;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- .catalog-header-title {
- @extend .heading-2;
- margin: 0 0 10px 0;
- }
- .expandable-input-wrapper {
- margin: 0 0 10px 0;
- }
- }
- .catalog-list {
- max-height: 100%;
- overflow: auto;
- display: flex;
- flex-wrap: wrap;
- padding: 40px 10px 0 10px;
- &:after {
- content: ' ';
- display:block;
- width: 100%;
- height: 85px;
- }
- .tile {
- background-color: $white;
- margin: 10px;
- width: 214px;
- height: 210px;
- display: flex;
- flex-direction: column;
-
- }
- .create-catalog-item {
- border: 2px dashed $light-gray;
- background-color: transparent;
- &:hover {
- .plus-section {
- display: none;
- }
- .primary-btn {
- display: inherit;
- }
- }
- justify-content: center;
- .plus-section {
- align-self: center;
- display: flex;
- flex-direction: column;
- .plus-icon-button {
- align-self: center;
- background-size: 23px;
- width: 23px;
- height: 23px;
- margin-bottom: 4px;
- }
- }
- .primary-btn {
- display: none;
- width: 176px;
- &.new-license-model {
- margin-bottom: 18px;
- }
- &:hover {
- background-color: $background-alice-blue;
- }
- }
- }
- .catalog-tile {
- cursor: pointer;
- border: 1px solid $tlv-light-gray;
- &:hover {
- @include box-shadow(3px 3px 5px 0 rgba(24,24,25,.04));
- }
- &:active {
- border: 1px solid $light-blue;
- }
- .catalog-tile-type {
- padding-top: 7px;
- border-radius: 50%;
- width: 40px;
- height: 40px;
- background: white;
- border: 4px solid #F2F2F2;
- position: relative;
- top: -12px;
- left: -7px;
- &:before {
- @extend .body-1;
- color: $light-blue;
- }
- &.license-model-type {
- padding-left: 13px;
- &:before {
- content: "L"
- }
- }
- &.software-product-type {
- padding-left: 8px;
- &:before {
- content: "SP"
- }
- }
- }
- .catalog-tile-icon {
- text-align: center;
- flex-basis: 60%;
- justify-content: center;
- background-size: 60px 60px;
- background-repeat: no-repeat;
- background-position: center;
- display: flex;
- .icon {
- align-self: center;
- height: 65px;
- width: 65px;
- background-repeat: no-repeat;
- margin-bottom: 27px;
- &.license-model-type-icon {
- background-image: url('../images/onboarding/vendor-license-model.svg');
- }
- &.software-product-type-icon {
- background-image: url('../images/onboarding/vendor-software-product.svg');
- }
- }
- }
- .catalog-tile-content {
- border-top: 1px solid $background-gray;
- flex-basis: 30%;
- padding: 8px;
- display: flex;
- justify-content: space-between;
- .catalog-tile-item-details {
- overflow: hidden;
- }
- .catalog-tile-item-name {
- @extend .body-1-medium;
- @include ellipsis();
- width: 150px;
- color: $dark-gray
- }
- .catalog-tile-item-version {
- @extend .body-1;
- color: $gray;
- }
- .catalog-tile-check-in-status {
- width: 25px;
- height: 19px;
- align-self: center;
- }
- }
- }
- }
+ background-color: $background-gray;
+ overflow: hidden;
+ height: 100%;
+ @import "onboardingCatalog/onboardHeader";
+ @import "onboardingCatalog/catalogHeader";
+ @import "onboardingCatalog/vendorPageHeader";
+ @import "onboardingCatalog/catalogList";
+ .catalog-wrapper {
+ height: 100%;
+ overflow: auto;
+ .tab-separator {
+ content: '';
+ height: 25px;
+ border-right: 1px solid $dark-gray;
+ }
+ .catalog-list {
+ overflow: hidden;
+ height: auto;
+ }
+ }
}