From 05af2c42b57d71d375ba2e50fd10a3fd682ea226 Mon Sep 17 00:00:00 2001 From: Sudarshan Kumar Date: Mon, 20 Jul 2020 13:42:49 +0530 Subject: Integrated UI lazy loading and Raptor update Integrated UI lazy loading and Raptor update Issue-ID: PORTAL-902 Change-Id: I0cf9f22a57c2be4e5b83981bdf0984768a5f44a6 Signed-off-by: Sudarshan Kumar --- .../welcome-dashboard.component.css | 331 +++++++++++++++++++++ 1 file changed, 331 insertions(+) create mode 100644 ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.css (limited to 'ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.css') diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.css b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.css new file mode 100644 index 00000000..50a2f690 --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.css @@ -0,0 +1,331 @@ +/* + * ============LICENSE_START========================================== + * ONAP Portal SDK + * =================================================================== + * Copyright © 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============================================ + * + * + */ + +.dashboard-card { + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; +} + +.more-button { + position: absolute; + top: 5px; + right: 10px; +} + +.dashboard-card-content { + text-align: center; +} + + + + +.dashboard-card { + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; +} + +.more-button { + position: absolute; + top: 5px; + right: 10px; +} + +.dashboard-card-content { + text-align: center; +} + +.mat-card-header{ + background: #eceeef +} + +.line {fill:none; stroke:black;stroke-width: 1.5;} +.line-0 {fill:none; stroke:#1f77b4;stroke-width: 1.5;stroke-dasharray:4,10;} +.line-1 {fill:none; stroke:#ff7f0e;stroke-width: 1.5;stroke-dasharray:2,5.10;} +.line-2 {fill:none; stroke:#2ca02c;stroke-width: 1.5;} +.line-3 {fill:none; stroke:#d62728;stroke-width: 1.5;} +.line-4 {fill:none; stroke:#9467bd;stroke-width: 1.5;} +.line-5 {fill:none; stroke:#8c564b;stroke-width: 1.5;} +.line-6 {fill:none; stroke:#e377c2;stroke-width: 1.5;} +.line-7 {fill:none; stroke:#7f7f7f;stroke-width: 1.5;} +.line-8 {fill:none; stroke:#bcbd22;stroke-width: 1.5;} +.line-9 {fill:none; stroke:b#17becf;stroke-width: 1.5;} + +.bar { fill:#aaa; stroke:white;stroke-width: 1;} +.bar-value { fill:black;font-size: 8pt;} +.name { font-size: 10pt;text-anchor: middle} +path {fill:white;stroke:black;stroke-width:0.5;} +.axis text { + font-family: sans-serif; + font-size: 11px; +} +.axis path, +.axis line { + fill: none; + stroke: black; +} +.axis_x line { + fill: none; + stroke: black; +} +.chart-title { fill:red;font-size: 18pt;text-anchor: middle;} +.histogram-bar{fill:blue; stroke:white;stroke-width: 1;} +.axis-x-text{ fill:blue;font-size: 12pt;} +.treemap { stroke:black;fill:#777} +.treemap-label { font-size: 10pt;text-anchor: middle} +.packlayout{ stroke:black;} +.packlayout-label{ font-size: 10pt;text-anchor: middle} +.pie-inner-title {font-size:9pt;text-anchor:middle;} +.pieNum {font-size:10pt;text-anchor:middle;} +.grid {stroke:gray;stroke-dasharray: 4,2;shape-rendering:crispEdges} + +.tree-node circle { + fill: #fff; + stroke: steelblue; + stroke-width: 3px; +} +.tree-node text { + font: 12px sans-serif; +} +.tree-node-internal text { + text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff; +} +.tree-node-link { + fill: none; + stroke: #ccc; + stroke-width: 2px; +} +.force-links line { +stroke: #999; +stroke-opacity: 0.6; +} + +.force-nodes circle { +stroke: #fff; +stroke-width: 1.5px; +} + + +.example-handle { + position: absolute; + top: 10px; + right: 10px; + color: #ccc; + cursor: move; + width: 24px; + height: 24px; +} + +.mat-card:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 1px -1px rgba(0,0,0,1), + 0 1px 1px 0 rgba(0,0,0,1), + 0 1px 3px 0 rgba(0,0,0,1); +} + + +.mat-card-content, .mat-card-subtitle { + font-size: 10px; +} + +.mat-card-imp-links{ + font-size: 12px; + text-align:left; +} + +.mat-card-feedback-enh{ + font-size: 18px; + font-weight: 480; + font-family: Roboto,"Helvetica Neue",sans-serif; +} + + +.app { + overflow: auto; + margin-bottom: 50px; +} +.toolbar { + left: 0; + bottom: 0; + right: 0; + height:55px; + text-align: center; + position: fixed; + width: 100%; + background-color: gold; + border: 10px solid gray; + border-bottom: 0; + color: gray; + font-size: -webkit-xxx-large; + font-weight: bold; +} + +button { + cursor: pointer; + background: transparent; + border: none; + font-size: xx-large; + outline: none; +} +.record { +float: right; +} + + + +/* +gridster-item div.button-holder { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +*/ +/* +gridster-item .item-buttons { + position: absolute; + top: 0; + right: 0; +}*/ + +/* +gridster-item .gridster-item-content { + width: 100%; + height: 100%; + align-items: center; + justify-content: center; + display: flex; +} + +.gridster-item-content { + background-color: yellow; + height: 100%; +} + +:host { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; +} + +.destroy-button { + position: absolute; + right: 10px; + top: 10px; + z-index: 100; +}*/ + +/* +.icon-content-gridguide{ + cursor:move; + font-size: 14px; + } + .form-row { + margin-top: -14px; +} + +.appCatalogue-boarder{ + background-color: #eee; + border: 1px dashed white; + + overflow-y: auto; + overflow-x: hidden; + }*/ + + /* .gridster { + height: calc(100vh - 600px); + width: 100%; +}*/ +.appCatalogue-boarder{ + background-color: #eee; + border: 1px dashed white; + overflow-y: auto; + overflow-x: hidden; + + } + +.gridster-box { + height: 100%; + border: 1px solid #ccc; + background-color: #fff; + transition: transform 0.5s ease-out; +} +.gridster-box-header { + background-color: rgba(245, 245, 245, 0.767); + padding: 0 0px 0 10px; + border-bottom: 1px solid #ccc; + position: relative; + height: 50px !important; +} +.gridster-box-header h3 { + + margin-top: 15px; + display: inline-block; + font-size: medium; + font-family: "Omnes-ECOMP-W02", Arial; +} +.gridster-box-content { + padding: 59px; +} +/* +.gridster-box:hover{ + transform: scale(1.1); +}*/ +.gridster-box-header-btns { + top: 15px; + right: 10px; + position: absolute; +} + +td { + font-weight: normal; + font-family: "Omnes-ECOMP-W02", Arial; + border: 1px solid white; + color: #1f77b4; +} +a{ + font-weight: normal; + color: #1f77b4; +} \ No newline at end of file -- cgit 1.2.3-korg