summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/components/_navigationSideBar.scss
diff options
context:
space:
mode:
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;
+ }
+ }
+ }
+ }
+ }
+}