From 9015d0d86d23a83e578ded1bd95485d467515208 Mon Sep 17 00:00:00 2001 From: "Christopher Lott (cl778h)" Date: Thu, 17 Aug 2017 14:52:44 -0400 Subject: Publish seed code for the OOM Dashboard First open-source release of the ONAP Operations Manager Dashboard web application. Issue: CCSDK-61 Change-Id: I902f789692d76ee583aa967682e39f03b6578fe9 Signed-off-by: Christopher Lott (cl778h) --- .../webapp/app/ecdapp/home/tree-view-style.css | 132 +++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 ecd-app-overlay/src/main/webapp/app/ecdapp/home/tree-view-style.css (limited to 'ecd-app-overlay/src/main/webapp/app/ecdapp/home/tree-view-style.css') diff --git a/ecd-app-overlay/src/main/webapp/app/ecdapp/home/tree-view-style.css b/ecd-app-overlay/src/main/webapp/app/ecdapp/home/tree-view-style.css new file mode 100644 index 0000000..5a3e056 --- /dev/null +++ b/ecd-app-overlay/src/main/webapp/app/ecdapp/home/tree-view-style.css @@ -0,0 +1,132 @@ +/* Basic styling */ + +::-webkit-scrollbar +{ + width: 12px; /* for vertical scrollbars */ + height: 7px; /* for horizontal scrollbars */ +} + +::-webkit-scrollbar-track +{ + background: rgba(0, 0, 0, 0.1); +} + +::-webkit-scrollbar-thumb +{ + background: rgba(0, 0, 0, 0.5); +} + +.orgChart .label_node{ + padding-bottom: 5px; +} + +.orgChart .icon-span{ + float:left;width:25px; + padding-top: 3px; +} +.orgChart .title-span{ + width:110px;float:left; font-size:14px; + padding-top: 3px; +} + +/* Draw the lines */ +.jOrgChart{ + position: relative; + /* left: 245px; */ + width:100%; + min-width: 100%; + overflow-x: auto; + +} +.jOrgChart .line { + height : 20px; + width : 4px; +} + +.jOrgChart .down { + background-color : black; + margin : 0px auto; +} + +.jOrgChart .top { + border-top : 3px solid black; +} + +.jOrgChart button{ + min-width : 20px; + width : 20px; + height : 20px; + padding : 0; +} + +.jOrgChart .dropdown{ + display: inline-block; +} + +.jOrgChart .downloadIcon{ + position: relative; + left: 1px; + float:left; +} + +.jOrgChart .ddIcon{ + position: relative; + float: right; + top: 6px; +} + +.jOrgChart .left { + border-right : 2px solid black; +} + +.jOrgChart .right { + border-left : 2px solid black; +} + +/* node cell */ +.jOrgChart td { + text-align : center; + vertical-align : top; + padding : 0 !important; + border : none; + border-bottom : 1px solid white; +} + +/* The node */ +.jOrgChart .node { + background-color : #efefef; + display : inline-block; + width : 180px; + height : 200px; + z-index : 10; + margin : 0 2px; +} + +.expandBtn { + background-color: #efefef; + padding-top:9px; +} + +/* jQuery drag 'n drop */ + +.drag-active { + border-style : dotted !important; +} + +.drop-hover { + border-style : solid !important; + border-color : #E05E00 !important; +} + +#statusclick{ + padding: 0 !important +} + +#statusclick li { + padding :5px; +} + +#statusclick li.active{ + background: #337ab7; + color: white; +} \ No newline at end of file -- cgit 1.2.3-korg