resources/scss/components/_slidePanel.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * SPARKY (AAI UI service)
   4 * ================================================================================
   5 * Copyright © 2017 AT&T Intellectual Property.
   6 * Copyright © 2017 Amdocs
   7 * All rights reserved.
   8 * ================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file 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 * ============LICENSE_END=========================================================
  21 *
  22 * ECOMP and OpenECOMP are trademarks
  23 * and service marks of AT&T Intellectual Property.
  24 */
  25
  26 .slide-panel {
  27   transition: left .5s,right .5s;
  28
  29   .slide-panel-header {
  30     padding: 10px;
  31     height: 45px;
  32     display: table;
  33     width: 100%;
  34     .slide-panel-header-title, .collapse-double-icon {
  35       display: table-cell;
  36       vertical-align: middle;
  37     }
  38     .slide-panel-header-title {
  39       @extend .body-2;
  40       text-align: center;
  41       width: 100%;
  42       color: $text-black;
  43     }
  44     .collapse-double-icon {
  45       color: $text-black;
  46       cursor: pointer;
  47     }
  48   }
  49
  50   .slide-panel-content {
  51     opacity: 1;
  52     transition: opacity .5s, visibility .5s;
  53
  54     &.closed {
  55       opacity: 0;
  56       visibility: hidden;
  57     }
  58   }
  59 }