diff options
| author |   Michael Lando <ml636r@att.com> | 2017-02-19 12:57:33 +0200 |
|---|---|---|
| committer | Michael Lando <ml636r@att.com> | 2017-02-19 13:47:13 +0200 |
| commit | efa037d34be7b1570efdc767c79fad8d4005f10e (patch) | |
| tree | cf1036ba2728dea8a61492b678fa91954e629403 /openecomp-ui/resources/scss/components/_navigationSideBar.scss | |
| parent | f5f13c4f6b6fe3b4d98e349dfd7db59339803436 (diff) | |
Add new code new version
Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a
Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'openecomp-ui/resources/scss/components/_navigationSideBar.scss')
| -rw-r--r-- | openecomp-ui/resources/scss/components/_navigationSideBar.scss | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/components/_navigationSideBar.scss b/openecomp-ui/resources/scss/components/_navigationSideBar.scss new file mode 100644 index 0000000000..404f43ca68 --- /dev/null +++ b/openecomp-ui/resources/scss/components/_navigationSideBar.scss @@ -0,0 +1,62 @@ +.software-product-navigation-side-bar { + width: 245px; + height: 100%; + background-color: $white; + border-right: 1px solid $light-gray; + box-shadow: 1px -1px 3px 0px $tlv-light-gray; + border-bottom: 0; + + .navigation-side-content { + overflow: hidden; + height: 100%; + + .navigation-group { + height: 100%; + display: flex; + flex-direction: column; + background-color: $tlv-gray; + .group-name { + @extend .heading-5-medium; + @include ellipsis; + min-height: 56px; + display: block; + padding: 18px 12px 16px 40px; + background-color: $white; + border-bottom: 1px solid $tlv-light-gray; + } + } + + .navigation-group-items { + padding-left: 20px; + overflow-y: auto; + + .navigation-group-item { + @extend .body-1; + cursor: pointer; + margin: 18px 0; + padding-left: 20px; + color: $dark-gray; + line-height: 17px; + &.selected-item { + padding-left: 0; + .collapse.in { + padding-left: 20px; + } + } + .navigation-group-item-name { + @include ellipsis; + white-space: normal; + &.selected { + @extend .body-1-medium; + border-left: 4px solid $blue; + padding-left: 18px; + color: $blue; + } + &.bold-name { + @extend .body-1-medium; + } + } + } + } + } +} |