added svcapi ui and camunda code

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

diff --git a/otf-frontend/client/src/app/layout/components/header/header.component.scss b/otf-frontend/client/src/app/layout/components/header/header.component.scss
new file mode 100644 (file)
index 0000000..591097a
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/components/header/header.component.scss
@@ -0,0 +1,62 @@
+/*  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
+$topnav-background-color: #045C87;\r
+\r
+:host {\r
+    .navbar {\r
+       \r
+        background-color: $topnav-background-color;\r
+        .navbar-brand {\r
+            color: #fff;\r
+            font-size: 1.5em !important;\r
+        }\r
+        .nav-item > a {\r
+            color: #fff;\r
+            &:hover {\r
+                color: lighten($topnav-background-color, 50%);\r
+            }\r
+        }\r
+    }\r
+    .messages {\r
+        width: 300px;\r
+        .media {\r
+            border-bottom: 1px solid #ddd;\r
+            padding: 5px 10px;\r
+            &:last-child {\r
+                border-bottom: none;\r
+            }\r
+        }\r
+        .media-body {\r
+            h5 {\r
+                font-size: 13px;\r
+                font-weight: 600;\r
+            }\r
+            .small {\r
+                margin: 0;\r
+            }\r
+            .last {\r
+                font-size: 12px;\r
+                margin: 0;\r
+            }\r
+        }\r
+    }\r
+}\r
+.my-class{\r
+    line-height: 25px;\r
+    height: 25px!important;\r
+    min-height: unset!important;\r
+}
\ No newline at end of file