X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fapp.component.css;h=7e78c4d3ee22c11866e86c678715da3b9d68f356;hb=ef7aaebff30559d8f81ceb0e95d66a7726f529b2;hp=19ac23e1ca46d8d339df7c97d28c19594e35dd21;hpb=be7a01eda7e4fb9f97a18009d727e6a0692e9399;p=portal%2Fric-dashboard.git

diff --git a/webapp-frontend/src/app/app.component.css b/webapp-frontend/src/app/app.component.css
index 19ac23e1..7e78c4d3 100644
--- a/webapp-frontend/src/app/app.component.css
+++ b/webapp-frontend/src/app/app.component.css
@@ -7,9 +7,9 @@
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file 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.
@@ -34,11 +34,11 @@
 mat-sidenav-container, mat-sidenav-content, mat-sidenav {
     height: 100%;
 }
- 
+
 mat-sidenav {
     width: 250px;
 }
- 
+
 main {
     padding: 10px;
 }
@@ -119,6 +119,18 @@ main {
   box-shadow: 0 0.5rem 2rem rgba(0, 0, 255, 0.2);
 }
 
+mat-drawer {
+  width: 340px;
+}
+
+mat-drawer-content {
+  overflow: overlay;
+}
+
+.menumargin-top {
+    margin-top: 10px;
+}
+
 .greeting__text {
   grid-area: greeting;
   font-size: 1.25rem;
@@ -172,7 +184,7 @@ main {
 }
 
 .home_bg_image{
-    height:40em; 
+    height:40em;
     background-size:cover;
     width:auto;
     background-image:url('../assets/intelligence.png');
@@ -277,7 +289,7 @@ main {
   cursor: pointer;
 }
 
-.logo__icon {  
+.logo__icon {
   height: 2rem;
   margin-left: 1rem;
 }
@@ -304,9 +316,16 @@ main {
 ================
 */
 
-.main-container__bg {
+.main__container {
   height: 100%;
   width: 100%;
+}
+
+.main__container__body {
+  min-height: calc(100vh - 140px);
+}
+
+.main-container__bg {
   position: absolute;
   top: 0;
   left: 0;
@@ -329,15 +348,20 @@ main {
 */
 .main__footer {
   background: transparent;
-  position: absolute;
-  bottom: 1rem;
-  left: 1.5rem;
+  margin: 10px;
   z-index: 100;
+  height: 35px;
 }
 
-.copyright__text {
-  letter-spacing: 0.1rem;
-  color: gray;
+.main__footer-dark {
+  background-color: #2B244D;
+  color: white;
+}
+
+.main-footer__bg-dark {
+  opacity: 1;
+  background: linear-gradient(to bottom, #B290FF, #2E1D65);
+  transition: opacity 300ms linear;
 }
 
 @media only screen and (max-width: 300px) {