Added portal-FE-os components

[portal.git] / portal-FE-os / src / app / pages / application-onboarding / application-details-dialog / application-details-dialog.component.scss

diff --git a/portal-FE-os/src/app/pages/application-onboarding/application-details-dialog/application-details-dialog.component.scss b/portal-FE-os/src/app/pages/application-onboarding/application-details-dialog/application-details-dialog.component.scss
new file mode 100644 (file)
index 0000000..0e042a9
--- /dev/null
+++ b/portal-FE-os/src/app/pages/application-onboarding/application-details-dialog/application-details-dialog.component.scss
@@ -0,0 +1,163 @@
+/*-
+ * ============LICENSE_START==========================================
+ * ONAP Portal
+ * ===================================================================
+ * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
+ * ===================================================================
+ *
+ * Unless otherwise specified, all software contained herein is licensed
+ * under the Apache License, Version 2.0 (the "License");
+ * you may not use this software except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *             http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Unless otherwise specified, all documentation contained herein is licensed
+ * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+ * you may not use this documentation except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *             https://creativecommons.org/licenses/by/4.0/
+ *
+ * Unless required by applicable law or agreed to in writing, documentation
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * ============LICENSE_END============================================
+ *
+ * 
+ */
+   
+.application-details-modal .app-properties-mainapp-properties-main{
+       padding-left: 40px;
+       padding-top: 16px;
+       padding-bottom: 16px;
+}
+
+.application-details-modal .app-properties-main .left-container{
+    display: inline-block;
+    width: 48%;
+
+}
+
+.application-details-modal .app-properties-main .right-container{
+    display: inline-block;
+    width: 48%;
+    float: right;
+    margin-right:10px;
+
+}
+   
+.application-details-modal .app-properties-main .property{
+    position: relative;
+    margin-bottom: 18px;
+}
+.application-details-modal .app-properties-main .checkbox-label{
+    display: inline-block;
+    padding-left: 3px;
+}
+.application-details-modal .app-properties-main .checkbox-field{
+    padding: 0;
+    margin: 0;
+    vertical-align: middle;
+    position: relative;
+    top: -1px;
+}
+.application-details-modal .app-properties-main .preview{
+    width: 220px;
+    margin-top: 22px;
+    display: block;
+}
+   
+.application-details-modal .app-properties-main .left-label{
+    display:inline-block;
+    float: left;
+}
+.application-details-modal .app-properties-main .remove{
+    cursor: pointer;
+    display: inline-block;
+    float: right;
+}
+   
+.application-details-modal .app-properties-main .input-field{
+    width: 220px;
+}
+   
+.application-details-modal .app-properties-main .input-file-field{
+    width: 220px;
+    border: 0px solid #d2d2d2;
+    box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
+    padding-left: 2px;
+}
+ 
+.application-details-modal .app-properties-main .image-preview{
+    background: gray;
+    background-size: cover;
+    width: 220px;
+    height: 184px;
+    margin-top: 10px;
+    border: 2px solid #e8e8e8;
+    border-radius: 4px;
+}
+   
+.application-details-modal .app-properties-main .error-container{
+    position: absolute;
+    width: 220px;
+    display: block;
+    height: 12px;
+    line-height: 12px;
+}
+   
+.application-details-modal .app-properties-main .err-message{
+    font-size: 10px;
+}
+       
+.application-details-modal .app-properties-main .checkbox .skin {
+    left: 0px;
+    top: 0px;
+}
+
+.application-details-modal input[type="text"] {
+    width: 16em;
+}
+
+.application-details-modal input[type="url"] {
+    width: 16em;
+}
+
+.application-details-modal input[type="number"] {
+    width: 16em;
+}
+
+.application-details-modal input[type="password"] {
+    width: 16em;
+}
+
+::ng-deep .modal-dialog { 
+    max-width: 700px;
+    width: 630px;
+    overflow-x: auto;
+    overflow-y: auto;
+}
+
+.required::before {
+    color: rgb(207, 42, 42);
+    margin-right: 2px;
+    content: "* ";
+    position: absolute;
+    top: 28px;
+    left: -10px;
+}
+.remove{
+    cursor: pointer;
+    color: #007bff;
+}
+   
\ No newline at end of file