portal-FE-common/src/app/layout/layout.component.scss

   1 /*
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright � 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38 * {
  39     -webkit-transition: margin-left 0.2s ease-in-out;
  40     -moz-transition: margin-left 0.2s ease-in-out;
  41     -ms-transition: margin-left 0.2s ease-in-out;
  42     -o-transition: margin-left 0.2s ease-in-out;
  43     transition: margin-left 0.2s ease-in-out;
  44 }
  45 .main-container {
  46     margin-top: 56px;
  47     margin-left: 270px;
  48     padding: 15px;
  49     -ms-overflow-x: hidden;
  50     overflow-x: hidden;
  51     overflow-y: scroll;
  52     position: relative;
  53     overflow: hidden;
  54 }
  55 .collapsed {
  56     margin-left: 60px;
  57 }
  58 @media screen and (max-width: 992px) {
  59     .main-container {
  60         margin-left: 0px !important;
  61     }
  62 }
  63 @media print {
  64     .main-container {
  65         margin-top: 0px !important;
  66         margin-left: 0px !important;
  67     }
  68 }