Add new code new version
[sdc.git] / openecomp-ui / resources / scss / components / _slidePanel.scss
1
2 .slide-panel {
3   transition: left .5s,right .5s;
4
5   .slide-panel-header {
6     padding: 10px;
7     height: 45px;
8     display: table;
9     width: 100%;
10     .slide-panel-header-title, .collapse-double-icon {
11       display: table-cell;
12       vertical-align: middle;
13     }
14     .slide-panel-header-title {
15       @extend .body-2;
16       text-align: center;
17       width: 100%;
18       color: $text-black;
19     }
20     .collapse-double-icon {
21       color: $text-black;
22       cursor: pointer;
23     }
24   }
25
26   .slide-panel-content {
27     opacity: 1;
28     transition: opacity .5s, visibility .5s;
29
30     &.closed {
31       opacity: 0;
32       visibility: hidden;
33     }
34   }
35 }