Adding new components with portal-FE-common
[portal.git] / portal-FE-common / src / app / pages / functional-menu / functional-menu-dialog / functional-menu-dialog.component.scss
1 /*-
2  * ============LICENSE_START==========================================
3  * ONAP Portal
4  * ===================================================================
5  * Copyright (C) 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 ::ng-deep .modal-dialog { 
40     max-width: 550px;
41     width: 550px;
42     overflow-x: auto;
43     overflow-y: auto;
44 }
45
46 ::ng-deep .mat-form-field-infix {
47     display: block;
48     position: relative;
49     flex: auto;
50     min-width: 0;
51     width: 448px !important;
52 }
53
54 .container .functionalMenu-details-modal {
55     padding: 16px;
56     height: 537px;
57     overflow: auto;
58 }
59
60 .functionalMenu-details-modal input[type="text"] {
61     width: 28em;
62     margin-bottom: 10px;
63 }