removed scrollbar code and other small fixes

infra-geo-ouverte · Sep 21, 2023 · 15e8d56 · 15e8d56
1 parent 563d91c
commit 15e8d56
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 57 deletions.
diff --git a/src/app/pages/portal/legend-dialog/legend-dialog.component.scss b/src/app/pages/portal/legend-dialog/legend-dialog.component.scss
@@ -44,12 +44,6 @@
       width: max-content !important;
     }
 
-    @media (min-width: 768px) {
-      max-height: calc(
-        100% - #{$header-height} - #{$footer-height} - 180px
-      ) !important; //TODO : Inject the dialog in the portal then add config hasHeader, hasMenu and hasFooter
-      height: fit-content;
-    }
   }
 
   ::ng-deep app-legend-dialog {
@@ -108,4 +102,13 @@
       min-height: auto;
     }
   }
+
+  .title-close {
+    h4 {
+      margin-top: 8px!important;
+    }
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
 }
diff --git a/src/app/pages/portal/panels/bottompanel/bottompanel.component.scss b/src/app/pages/portal/panels/bottompanel/bottompanel.component.scss
@@ -40,22 +40,6 @@ igo-search-bar {
   overflow-x: clip;
   height: 264px; // expanded panel height
   max-width: 100%;
-  scrollbar-color: #095797 #fff; //firefox
-  scrollbar-width: thin; //firefox
-}
-
-::ng-deep app-bottompanel .mat-expansion-panel-content::-webkit-scrollbar {
-  width: 6px;
-}
-
-::ng-deep app-bottompanel .mat-expansion-panel-content::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px #DAE6F0; 
-  border-radius: 10px;
-}
-
-::ng-deep app-bottompanel .mat-expansion-panel-content::-webkit-scrollbar-thumb {
-  background: #095797; 
-  border-radius: 10px;
 }
 
 ::ng-deep .igo-search-bar-container .mat-icon {

diff --git a/src/app/pages/portal/panels/feature/feature-info/feature-info.component.scss b/src/app/pages/portal/panels/feature/feature-info/feature-info.component.scss
@@ -10,25 +10,17 @@
 
 .title {
   display: flex;
-  flex-direction: row;
   align-items: center;
+  justify-content: space-between;
 }
 
-.title h4{
-    display: block;
-    text-align: center;
-}
-
-.title button {
-  float: right;
-  width: 24px;
-  height: 24px;
-  margin-left: auto;
+h4 {
+  margin-top: 8px!important;
 }
 
 app-feature-details {
   float: left;
   width: 100%;
   overflow-x: clip;
   margin-right: 8px;
-}
+}
diff --git a/src/app/pages/portal/panels/sidepanel/sidepanel.component.scss b/src/app/pages/portal/panels/sidepanel/sidepanel.component.scss
@@ -10,10 +10,6 @@
     height: $app-sidenav-height;
     width: $app-sidenav-width;
 
-    @include mobile {
-      width: $app-sidenav-width-mobile;
-      max-width: 400px;
-    }
     overflow: visible;
   }
 
@@ -26,25 +22,6 @@
     height: 100%;
   }
 
-  app-sidepanel {
-    width: $app-sidenav-width;
-
-    ::ng-deep .mat-drawer-inner-container {
-      &::-webkit-scrollbar {
-        width: 6px;
-      }
-      &::-webkit-scrollbar-track {
-        box-shadow: inset 0 0 5px #dae6f0;
-        border-radius: 10px;
-      }
-      &::-webkit-scrollbar-thumb {
-        background: #095797;
-        border-radius: 10px;
-        cursor: pointer; // I wish it worked out
-      }
-    }
-  }
-
   igo-search-results {
     position: relative;
     left: $portal-left !important;
@@ -136,4 +113,12 @@
     border-color: transparent transparent transparent white !important;
     transform: rotate(180deg);
   }
+
+  .legend-container {
+    padding: 16px;
+  }
+
+  .title {
+    margin-top: 8px!important;
+  }
 }