added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / layout / control-panel / control-panel.component.scss

diff --git a/otf-frontend/client/src/app/layout/control-panel/control-panel.component.scss b/otf-frontend/client/src/app/layout/control-panel/control-panel.component.scss
new file mode 100644 (file)
index 0000000..eae8b37
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/control-panel/control-panel.component.scss
@@ -0,0 +1,132 @@
+/*  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
+#                                                                              #\r
+#   Licensed under the Apache License, Version 2.0 (the "License");            #\r
+#   you may not use this file except in compliance with the License.           #\r
+#   You may obtain a copy of the License at                                    #\r
+#                                                                              #\r
+#       http://www.apache.org/licenses/LICENSE-2.0                             #\r
+#                                                                              #\r
+#   Unless required by applicable law or agreed to in writing, software        #\r
+#   distributed under the License is distributed on an "AS IS" BASIS,          #\r
+#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+#   See the License for the specific language governing permissions and        #\r
+#   limitations under the License.                                             #\r
+##############################################################################*/\r
+\r
+\r
+.COMPLETED-dash {\r
+    background-color: #0d47a1;\r
+    color: white;\r
+}\r
+\r
+.SUCCESS-dash {\r
+    background-color: #199700;\r
+    color: white;\r
+}\r
+\r
+.FAILURE-dash {\r
+    background-color: #dd2c00 !important;\r
+    color: white;\r
+}\r
+\r
+.fast-spin {\r
+  -webkit-animation: fa-spin 1s infinite linear;\r
+  animation: fa-spin 1s infinite linear;\r
+}\r
+\r
+.STOPPED-dash {\r
+    background-color: #ff9100;\r
+    color: white;\r
+}\r
+\r
+.UNAUTHORIZED-dash {\r
+    background-color: #000000;\r
+    color: white;\r
+}\r
+\r
+.UNKNOWN-dash {\r
+    background-color: White;\r
+}\r
+\r
+table {\r
+    width: 100%;\r
+    table-layout:fixed; \r
+  }\r
+  \r
+  tr.example-detail-row {\r
+    height: 0;\r
+  }\r
+  \r
+  tr.example-element-row:not(.example-expanded-row):hover {\r
+    background: #f5f5f5;\r
+    cursor: pointer;\r
+  }\r
+  \r
+  tr.example-element-row:not(.example-expanded-row):active {\r
+    background: #efefef;\r
+    cursor: pointer;\r
+  }\r
+  \r
+  .example-element-row td {\r
+    border-bottom-width: 0;\r
+  }\r
+  \r
+  .example-element-detail {\r
+    //overflow: hidden;\r
+    //display: flex;\r
+  }\r
+  \r
+  .example-element-diagram {\r
+    min-width: 80px;\r
+    border: 2px solid black;\r
+    padding: 8px;\r
+    font-weight: lighter;\r
+    margin: 8px 0;\r
+    height: 104px;\r
+  }\r
+  \r
+  .example-element-symbol {\r
+    font-weight: bold;\r
+    font-size: 40px;\r
+    line-height: normal;\r
+  }\r
+  \r
+  .example-element-description {\r
+    padding: 16px;\r
+  }\r
+  \r
+  .example-element-description-attribution {\r
+    opacity: 0.5;\r
+  }\r
+\r
+\r
+.active-testHead {\r
+  background-color: #f8f9fa;\r
+}\r
+\r
+.pull-tab {\r
+  height: 0px;\r
+  width: 0px;\r
+  border-top: 20px solid #007bff;\r
+  border-left: 20px solid transparent;\r
+  border-right: 20px solid transparent;\r
+  -webkit-transform: rotate(-45deg);\r
+  position: absolute;\r
+  bottom: 0px;\r
+  right: -15px;\r
+  pointer-events: none;\r
+  z-index: 1;\r
+  margin-bottom: -4px;\r
+}\r
+\r
+.arrow {\r
+  border: solid black;\r
+  border-width: 0 3px 3px 0;\r
+  display: inline-block;\r
+  padding: 3px;\r
+  position: absolute;\r
+  transform: rotate(45deg);\r
+  -webkit-transform: rotate(45deg);\r
+  right: -2px;\r
+  bottom: 11px;\r
+}\r