Fix remaining (?) CSS issues with new data catalog

Relates to #2071, #2065, #1720, #1520
NCEAS · Mar 21, 2023 · 8b91b72 · 8b91b72
1 parent aebd756
commit 8b91b72
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 25 deletions.
diff --git a/src/css/metacatui-common.css b/src/css/metacatui-common.css
@@ -123,16 +123,17 @@ article.container {
 	width: 96%;
 }
 #Content{
-  padding: 40px 40px 40px 40px;
+  padding: 2.5rem;
   min-height: 200px;
 }
 .DataCatalog #Content{
 	box-sizing: border-box;
 }
 .mapMode #Content{
 	width: 100%;
-  margin: 0px;
-	padding: 0px;
+  margin: 0;
+	padding: 0;
+	padding-top: var(--header-height, 0);
 }
 footer{
 	background-color: #FFFFFF;
@@ -562,12 +563,10 @@ text-shadow: none;
 .catalog-search-view .filter-groups-container {
 	width: 215px;
 	padding: var(--pad);
-	padding-bottom: 60px;
+	padding-bottom: 3rem;
 	overflow: scroll;
 }	
-/* .catalog-search-view .search-results-container,
-.catalog-search-view .map-container {
-} */
+
 .catalog-search-body.mapMode{
 	height: 100vh;
 	width: 100vw;
@@ -577,11 +576,9 @@ text-shadow: none;
 	justify-content: stretch;
 	overflow: hidden;
 }
-.mapMode #Content{
-	padding: 40px 0 0 0;
-}
-.catalog-search-body #Content {
-	padding-top: 0;
+
+.catalog-search-body.mapMode .search-results-view .result-row:last-child{
+	margin-bottom: 100px;
 }
 
 .search-results-container {

diff --git a/src/js/themes/arctic/css/metacatui.css b/src/js/themes/arctic/css/metacatui.css
@@ -61,6 +61,7 @@
 
 :root {
   --footer-height: 320px;
+	--header-height: 112px;
 }
 
 /* Body CSS
@@ -941,13 +942,7 @@ img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
       white-space: nowrap;
     }
     #Content{
-    	padding-top: 118px;
-    	/* margin-left: auto;
-    	margin-right: auto; */
-    }
-    .catalog-search-body.mapMode #Content,
-		.mapMode #Content{
-    	padding-top: 112px;
+    	padding-top: var(--header-height);
     }
     .navbar .nav {
       margin-top: 8px;

diff --git a/src/js/themes/default/css/metacatui.css b/src/js/themes/default/css/metacatui.css
@@ -1,4 +1,6 @@
-
+:root {
+	--header-height: 40px;
+}
 /* Body CSS
 -------------------------------------------------- */
     html {
@@ -1376,11 +1378,6 @@ li.ui-menu-item > a:hover,
 
 /* SEARCH PAGE CSS
 -------------------------------------------------- */
-	.mapMode #Content{
-		max-width: 100%;
-		padding-top: 57px;
-		padding-left: 0px;
-	}
 
     /*-- Results header --*/
     .result-header{

diff --git a/src/js/themes/knb/css/metacatui.css b/src/js/themes/knb/css/metacatui.css
@@ -4,6 +4,7 @@
 /* Footer height when it is fixed in place in the data catalog */
 :root {
   --fixed-footer-height: 1.2em;
+  --header-height: 0;
 }
 
 @font-face {