fix(sass): fix map selectors

CreativeIT · Sep 13, 2020 · 0bbef05 · 0bbef05
1 parent 8ac2088
commit 0bbef05
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 30 deletions.
diff --git a/src/app/layouts/blank-layout/blank-layout.component.scss b/src/app/layouts/blank-layout/blank-layout.component.scss
@@ -5,7 +5,7 @@ app-blank-layout .mdl-layout .mdl-layout__content {
   display: flex;
 }
 
-.mdl-layout{
+.mdl-layout {
   .mdl-layout__content {
     display: flex;
     padding: 16px;

diff --git a/src/app/pages/dashboard2/dashboard2.component.html b/src/app/pages/dashboard2/dashboard2.component.html
@@ -26,9 +26,5 @@ <h2 class="mdl-card__title-text">Country Statistics</h2>
     </div>
   </base-right-sidebar-content>
 
-  <base-right-sidebar [title]="'Filters'">
-    <app-filters></app-filters>
-  </base-right-sidebar>
-
 </base-right-sidebar-layout>
 
diff --git a/src/app/pages/dashboard2/dashboard2.component.scss b/src/app/pages/dashboard2/dashboard2.component.scss
@@ -1,4 +1,4 @@
-app-dashboard-2 {
+:host {
   app-map-advanced {
     margin: 0 !important;
 
@@ -11,11 +11,13 @@ app-dashboard-2 {
     }
   }
 
+  /*
   base-right-sidebar {
     .mdl-card__title-text {
       text-transform: uppercase;
       font-size: 14px;
       line-height: 16px;
     }
   }
+   */
 }
diff --git a/src/app/pages/maps/map-advanced/map-advanced.component.scss b/src/app/pages/maps/map-advanced/map-advanced.component.scss
@@ -1,6 +1,6 @@
 @import '~theme/helpers';
 
-.map-advanced {
+:host ::ng-deep {
   min-height: 630px;
   position: relative;
   margin: 1rem;
@@ -18,34 +18,36 @@
       }
     }
   }
-}
 
-.window-info {
-  z-index: 1000;
-  position: absolute;
-  opacity: 1;
-  user-select: none;
-  width: 200px;
+  .window-info {
+    z-index: 1000;
+    position: absolute;
+    opacity: 1;
+    user-select: none;
+    width: 200px;
 
-  .mdl-card__title {
-    background-color: $card-title-background-color;
-    padding: 12px 16px;
+    .mdl-card__title {
+      background-color: $card-title-background-color;
+      padding: 12px 16px;
 
-    .mdl-card__title-text {
-      font-size: 16px;
+      .mdl-card__title-text {
+        font-size: 16px;
+      }
     }
-  }
 
-  .mdl-card__supporting-text {
-    font-size: 14px;
-    padding: 12px 16px;
-    line-height: 30px;
-    width: auto;
+    .mdl-card__supporting-text {
+      font-size: 14px;
+      padding: 12px 16px;
+      line-height: 30px;
+      width: auto;
 
-    & > div {
-      display: flex;
-      align-items: baseline;
-      justify-content: space-between;
+      & > div {
+        display: flex;
+        align-items: baseline;
+        justify-content: space-between;
+      }
     }
   }
+
 }
+
diff --git a/src/app/pages/maps/map/map.component.scss b/src/app/pages/maps/map/map.component.scss
@@ -1,6 +1,6 @@
 @import '~theme/helpers';
 
-.map {
+:host ::ng-deep {
   min-height: 630px;
   position: relative;