added svcapi ui and camunda code

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

diff --git a/otf-frontend/client/src/app/layout/modeler/modeler.component.scss b/otf-frontend/client/src/app/layout/modeler/modeler.component.scss
new file mode 100644 (file)
index 0000000..61cbddc
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/modeler/modeler.component.scss
@@ -0,0 +1,97 @@
+/*  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
+.properties-panel {\r
+  position: absolute;\r
+  top: 0;\r
+  bottom: 0;\r
+  right: 0;\r
+  width: 300px;\r
+  z-index: 10;\r
+  border-left: 1px solid #ccc;\r
+  overflow: auto;\r
+  background: white;\r
+}\r
+\r
+.properties-panel:empty {\r
+  display: none;\r
+}\r
+\r
+.properties-panel > .djs-properties-panel {\r
+  padding-bottom: 70px;\r
+  min-height: 100%;\r
+}\r
+\r
+.properties-toggle {\r
+  position: absolute;\r
+  top: 0;\r
+  right: 280px;\r
+}\r
+\r
+#left_panel {\r
+  position: absolute;\r
+  left: 0;\r
+  top: 40px;\r
+  bottom: 0;\r
+  right: 300px;\r
+}\r
+\r
+#drag {\r
+  position: absolute;\r
+  left: -4px;\r
+  top: 0;\r
+  bottom: 0;\r
+  width: 15px;\r
+  cursor: w-resize;\r
+  z-index: 1000;\r
+}\r
+\r
+.panel-buttons {\r
+  position:absolute; \r
+  right: -103px; \r
+  z-index: 5; \r
+  top: 30%; \r
+  transform: rotate(270deg);\r
+}\r
+\r
+.properties-panel-button {\r
+  cursor: pointer;\r
+  padding: 5px 10px;\r
+  user-select: none;\r
+  background: lightgrey;\r
+  margin-right: 10px;\r
+  display: inline;\r
+}\r
+\r
+#tool-bar {\r
+  position: absolute;\r
+  top: 0px;\r
+  left: 0px;\r
+  width: 100%;\r
+  background: #f8f8f8;\r
+}\r
+\r
+#tool-bar button mat-icon {\r
+  font-size: 18px;\r
+}\r
+\r
+#tool-bar button {\r
+  line-height: 30px !important;\r
+}\r
+\r
+.no-margin{\r
+  margin: 0px !important;\r
+}
\ No newline at end of file