summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss
parent67d99f816cc583643c35193197594cf78d8ce60a (diff)
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378 Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6 Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss')
-rw-r--r--vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss398
1 files changed, 0 insertions, 398 deletions
diff --git a/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss b/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss
deleted file mode 100644
index 44f94109a..000000000
--- a/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.scss
+++ /dev/null
@@ -1,398 +0,0 @@
-available-models-tree {
- .available-models-tree {
- height: 100%;
- display: flex;
- flex-direction: column;
- line-height: 14px;
- border-right: #D2D2D2 1.5px solid;
- min-width: 340px;
- h5 {
- font-family: OpenSans-Semibold;
- color: #5A5A5A;
- background-color: #F2F2F2;
- margin: 0;
- padding: 15px;
- padding-left: 20px;
- span {
- vertical-align: middle;
- &:first-child {
- font-size: 12px;
- color: #191919;
- }
- }
- }
- .available-models-content-wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding: 20px;
- background-color: #F2F2F2;
- .search-container {
- margin-bottom: 30px;
- width: 100%;
- display: flex;
- background: #FFFFFF;
- border: 1px solid #D2D2D2;
- border-radius: 2px;
- height: 40px;
- min-width: 40px;
- font-family: OpenSans-Italic;
- color: #959595;
- input {
- flex: 1;
- border: 0;
- padding-left: 10px;
- outline: 0;
- }
- .icon-search {
- display: flex;
- width: 40px;
- &:after {
- content: "\e92e";
- cursor: pointer;
- font-size: 20px;
- font-weight: 600;
- text-align: center;
- display: inline-block;
- flex: auto;
- align-self: center;
- }
- }
- }
- tree-root {
- flex: 1;
- display: flex;
- }
- tree-viewport {
- flex: 1;
- height: auto;
- overflow: auto;
- padding-top: 5px;
- .tree-node {
- color: #5A5A5A;
- font-size: 13px;
- white-space: normal;
- word-break: break-all;
- tree-node-drop-slot {
- .node-drop-slot {
- display: none;
- }
- }
- &.tree-node-disabled {
- color: #D2D2D2;
- cursor: default;
- pointer-events: none;
- }
- &:not(.tree-node-disabled) {
- >tree-node-wrapper {
- .node-wrapper:hover {
- color: #009FDB;
- .node-content-wrapper {
- tree-node-content {
- > div {
- span.actions {
- .number-button {
- span {
- //background-color: #009FDB;
- }
- }
- .icon-plus span:before {
- display: inline-block;
- color: #5A5A5A;
- }
- }
- }
- }
- }
- }
- }
- }
- &.tree-node-focused:not(.tree-node-disabled) {
- & > tree-node-wrapper {
- .node-wrapper {
- color: #009FDB;
- .node-content-wrapper-focused,
- .node-content-wrapper:hover {
- background: none;
- box-shadow: none;
- tree-node-content {
- > div {
- span.actions {
- .number-button {
- span {
- //background-color: #009FDB;
- }
- }
- }
- }
- }
- }
- }
- }
- }
- tree-node-wrapper {
- .node-wrapper {
- height: 36px;
- tree-node-expander {
- font-family: 'icomoon' !important;
- height: 100%;
- .toggle-children-wrapper {
- padding: 0;
- display: block;
- height: 100%;
- span.toggle-children {
- display: flex;
- width: 20px;
- top: 0;
- height: inherit;
- background-image: none;
- &:before {
- content: "\e900";
- font-weight: 600;
- text-align: center;
- display: inline-block;
- flex: auto;
- align-self: center;
- font-size: 20px;
- }
- }
- }
- .toggle-children-wrapper-expanded {
- span.toggle-children {
- transform: none;
- &:before {
- content: "\e930";
- }
- }
- }
- .toggle-children-placeholder {
- width: 20px;
- }
- }
- .node-content-wrapper {
- padding: 0;
- background: none;
- box-shadow: none;
- height: 100%;
- flex: 1;
- min-width: 0;
- border-left: 1px solid #D2D2D2;
- tree-node-content {
- > div {
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-left: 10px;
- span {
- &.actions {
- height: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- >span {
- width: 45px;
- max-width: 45px;
- text-align: center;
- }
- .number-button {
- width: 30px;
- padding-left: 0;
- text-align: center;
- span {
- display: block;
- font-size: 11px;
- }
- }
- .icon-v {
- width: 45px;
- span:before {
- content: "\e932";
- color: #5A5A5A;
- font-size: 16px;
- text-align: center;
- display: inline-block;
- vertical-align: baseline;
- }
- }
- .icon-plus {
- width: 45px;
- span {
- &:before {
- //content: "\e901";
- //fill:#009FDB;
- //color: #009FDB;
- //font-size: 16px;
- //text-align: center;
- //display: none;
- //vertical-align: baseline;
- }
- &:hover:before {
- //color: #009FDB !important;
-
- }
- }
- }
- }
- }
- }
- }
- }
-
- }
- }
- tree-node-children {
- .tree-children {
- padding-left: 20px;
- }
- }
- }
- }
-
- }
- }
-}
-.highlight {
- background-color: #9DD9EF;
-}
-
-#drawing-board-tree{
- .tree-node.tree-node-expanded.tree-node-focused {
- border: 1px solid #009FDB;
- }
-
-}
-
-available-models-tree {
-
- .tree-root {
- margin-top: 35px;
- }
-
- tree-node-expander {
- background: #FFFFFF;
- border: 1px solid #D2D2D2;
- border-right: none;
- width: 45px;
- padding-left: 12px;
- }
-
- .node-content-wrapper {
- border: none;
- }
-
- tree-node-wrapper tree-node-expander{
- background: none !important;
- border: none !important;
- }
-
- tree-node-content div {
- background: white;
- }
-
- .node-wrapper {
- height: 45px !important;
- background: #FFFFFF;
- border: 1px solid #D2D2D2;
- }
-
- tree-node-collection div {
- margin-top: 0px;
- }
-
- .tree-node-leaf .node-wrapper tree-node-expander {
- display: none;
- }
-
- .tree-children {
- padding: 20px;
- }
-
- .tree-node.tree-node-expanded.tree-node-focused {
- border: 1px solid #009FDB;
- }
-
- .tree-node.tree-node-expanded {
- border: 1px solid rgba(128, 128, 128, 0.72);
- margin-bottom: 10px;
- }
-
- .tree-children {
- padding-left: 0;
- }
-
- tree-node-content .actions .number-button {
- height: 45px;
- padding-top: 14px;
- border: 1px solid #D2D2D2;
- padding-left: 0;
- span {
- background: none;
- font-size: 11px;
- color: #5A5A5A;
- }
- }
-
-
-
- .node-content-wrapper.node-content-wrapper-focused tree-node-content div{
- background: #009FDB !important;
- color: white;
-
- .isParent {
- border-left: 1px solid #009FDB;
- }
-
- .number-button span{
- color: white !important;
- }
-
- .icon-v span:before{
- color: white !important;
- }
- }
-
- .vf-type {
- width: 20px;
- height: 45px;
- padding-top: 16px;
- border-right: 1px solid #D2D2D2;
-
- }
-
- .isParent {
- width: 100%;
- padding-left: 5px;
- }
-
- .tree-node-expanded .isChild .vf-type {
- display: none;
- }
-
- .isParent .span-name {
- width: 100%;
- padding-left: 10px;
- }
-
- .toggle-children-wrapper.toggle-children-wrapper-expanded {
- .toggle-children:before {
- color: #009FDB;
- }
- }
-
- .tree-node.tree-node-expanded .tree-children {
- border: 1px solid rgba(128, 128, 128, 0.72);
- }
-
- .tree-node.tree-node-expanded.tree-node-focused .tree-children {
- border: 1px solid #009fdb;
- }
-
- .tree-node-leaf .node-wrapper{
- margin-left: 45px;
- border-left: none;
- }
-}
-
-
-