react 16 upgrade
[sdc.git] / openecomp-ui / resources / scss / common / _layout.scss
1 .sdc-app {
2     height: 100%;
3 }
4 .flex {
5     display: flex;
6     flex: 1;
7 }
8
9 .flex-column {
10     @extend .flex;
11     flex-direction: column;
12 }
13
14 .content-area {
15     padding: 30px 60px 70px 60px;
16     overflow-y: auto;
17     overflow-x: hidden;
18     height: 100%;
19     &.no-padding-content-area {
20         padding: 0;
21     }
22 }
23
24 .page-title {
25     @extend .heading-1;
26     @extend .text-uppercase !optional;
27     margin-bottom: 20px;
28     color: $blue;
29 }
30 .sdc-modal {
31     .sdc-modal__wrapper.sdc-modal-type-custom {
32         .sdc-modal__content {
33             padding: 0;
34             .entitlement-pools-modal,
35             .license-key-groups-modal,
36             .manage-permissions-page {
37                 .validation-form-content {
38                     overflow-y: visible;
39                 }
40             }
41             .validation-form-content {
42                 padding: 20px 40px;
43                 overflow-y: auto;
44                 .no-bottom-margin {
45                     margin-bottom: 0;
46                     .customized-date-picker {
47                         margin-bottom: 0;
48                     }
49                 }
50             }
51         }
52     }
53 }