css update

Esri · Jan 17, 2024 · 3348ec7 · 3348ec7
1 parent d3e874d
commit 3348ec7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/crowdsource-reporter/crowdsource-reporter.css b/src/components/crowdsource-reporter/crowdsource-reporter.css
@@ -21,15 +21,15 @@
 }
 
 .width-full {
-  width: 100%;
+  width: 100% !important;
 }
 
 .width-0 {
   width: 0;
 }
 
 .height-full {
-  height: 100%;
+  height: 100% !important;
 }
 
 .height-0 {
@@ -63,3 +63,8 @@
 .error-msg{
   padding: 10px;
 }
+
+.collapsed-side-panel {
+  top: calc(100% - 55px);
+  height: 54px;
+}
diff --git a/src/components/crowdsource-reporter/crowdsource-reporter.tsx b/src/components/crowdsource-reporter/crowdsource-reporter.tsx
@@ -312,7 +312,7 @@ export class CrowdsourceReporter {
     }
     const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
     return (
-      <calcite-panel class={sidePanelClass + " " + themeClass}>
+      <calcite-panel class={sidePanelClass + " width-full " + themeClass}>
         {this.mapView
           ? <calcite-flow>
             {renderLists?.length > 0 && renderLists}