added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / styles / _rtl.scss

diff --git a/otf-frontend/client/src/styles/_rtl.scss b/otf-frontend/client/src/styles/_rtl.scss
new file mode 100644 (file)
index 0000000..1249952
--- /dev/null
+++ b/otf-frontend/client/src/styles/_rtl.scss
@@ -0,0 +1,90 @@
+/*  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
+.rtl {\r
+    .sidebar {\r
+        left: auto !important;\r
+        right: 0 !important;\r
+        > ul.list-group {\r
+            padding: 0;\r
+        }\r
+    }\r
+    .main-container {\r
+        margin-left: 0 !important;\r
+        margin-right: 235px;\r
+    }\r
+    /*rtl dropdown items correction*/\r
+    .dropdown-menu {\r
+        text-align: right;\r
+    }\r
+    * {\r
+        direction: rtl;\r
+    }\r
+    .navbar * {\r
+        direction: ltr;\r
+    }\r
+\r
+    .sidebar * {\r
+        direction: ltr;\r
+    }\r
+\r
+    .navbar .dropdown-menu {\r
+        text-align: left;\r
+    }\r
+\r
+    .breadcrumb {\r
+        direction: ltr;\r
+        justify-content: flex-end;\r
+\r
+        * {\r
+            direction: ltr;\r
+        }\r
+    }\r
+\r
+    .datepicker-input {\r
+        direction: ltr;\r
+        .dropdown-menu {\r
+            direction: ltr;\r
+\r
+            * {\r
+                direction: ltr;\r
+            }\r
+        }\r
+    }\r
+\r
+    .input-group {\r
+        direction: ltr;\r
+    }\r
+}\r
+@media screen and (max-width: 992px) {\r
+    .rtl {\r
+        .navbar-brand {\r
+            direction: ltr;\r
+        }\r
+        .sidebar {\r
+            right: -235px !important;\r
+        }\r
+        .main-container {\r
+            margin-right: 0;\r
+        }\r
+        &.push-right {\r
+            .sidebar {\r
+                left: auto !important;\r
+                right: 0 !important;\r
+            }\r
+        }\r
+    }\r
+}\r