summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/components/_navigationSideBar.scss
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2017-02-19 12:57:33 +0200
committerMichael Lando <ml636r@att.com>2017-02-19 13:47:13 +0200
commitefa037d34be7b1570efdc767c79fad8d4005f10e (patch)
treecf1036ba2728dea8a61492b678fa91954e629403 /openecomp-ui/resources/scss/components/_navigationSideBar.scss
parentf5f13c4f6b6fe3b4d98e349dfd7db59339803436 (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.scss62
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;
+ }
+ }
+ }
+ }
+ }
+}