otf-frontend/client/src/styles/_rtl.scss

   1 /*  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 #                                                                              #\r
   3 #   Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 #   you may not use this file except in compliance with the License.           #\r
   5 #   You may obtain a copy of the License at                                    #\r
   6 #                                                                              #\r
   7 #       http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 #                                                                              #\r
   9 #   Unless required by applicable law or agreed to in writing, software        #\r
  10 #   distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 #   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 #   See the License for the specific language governing permissions and        #\r
  13 #   limitations under the License.                                             #\r
  14 ##############################################################################*/\r
  15 \r
  16 \r
  17 .rtl {\r
  18     .sidebar {\r
  19         left: auto !important;\r
  20         right: 0 !important;\r
  21         > ul.list-group {\r
  22             padding: 0;\r
  23         }\r
  24     }\r
  25     .main-container {\r
  26         margin-left: 0 !important;\r
  27         margin-right: 235px;\r
  28     }\r
  29     /*rtl dropdown items correction*/\r
  30     .dropdown-menu {\r
  31         text-align: right;\r
  32     }\r
  33     * {\r
  34         direction: rtl;\r
  35     }\r
  36     .navbar * {\r
  37         direction: ltr;\r
  38     }\r
  39 \r
  40     .sidebar * {\r
  41         direction: ltr;\r
  42     }\r
  43 \r
  44     .navbar .dropdown-menu {\r
  45         text-align: left;\r
  46     }\r
  47 \r
  48     .breadcrumb {\r
  49         direction: ltr;\r
  50         justify-content: flex-end;\r
  51 \r
  52         * {\r
  53             direction: ltr;\r
  54         }\r
  55     }\r
  56 \r
  57     .datepicker-input {\r
  58         direction: ltr;\r
  59         .dropdown-menu {\r
  60             direction: ltr;\r
  61 \r
  62             * {\r
  63                 direction: ltr;\r
  64             }\r
  65         }\r
  66     }\r
  67 \r
  68     .input-group {\r
  69         direction: ltr;\r
  70     }\r
  71 }\r
  72 @media screen and (max-width: 992px) {\r
  73     .rtl {\r
  74         .navbar-brand {\r
  75             direction: ltr;\r
  76         }\r
  77         .sidebar {\r
  78             right: -235px !important;\r
  79         }\r
  80         .main-container {\r
  81             margin-right: 0;\r
  82         }\r
  83         &.push-right {\r
  84             .sidebar {\r
  85                 left: auto !important;\r
  86                 right: 0 !important;\r
  87             }\r
  88         }\r
  89     }\r
  90 }\r