#2148: Increase contrast for the Details panel (#2150)

Author: dsuren1

geonode_mapstore_client/client/js/plugins/ResourceDetails/ResourceDetails.jsx

@@ -319,7 +319,7 @@ function ResourceDetailsPanel({
     return (
         <TargetSelectorPortal targetSelector={targetSelector}>
             <ResourcesPanelWrapper
-                className="ms-resource-detail shadow-md"
+                className="ms-resource-detail shadow-xl"
                 top={stickyTop}
                 bottom={stickyBottom}
                 show={show}

geonode_mapstore_client/client/themes/geonode/less/_mixins.less

@@ -24,3 +24,9 @@
 .shadow-lg {
     box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
 }
+
+.shadow-xl {
+    box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,.25),0 0.625rem 0.625rem rgba(0,0,0,.22);
+    -webkit-box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,.25),0 0.625rem 0.625rem rgba(0,0,0,.22);
+    -moz-box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,.25),0 0.625rem 0.625rem rgba(0,0,0,.22);
+}