Added extra styling

openstad · Jun 13, 2023 · 05a49a2 · 05a49a2
1 parent 2873ac0
commit 05a49a2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 14 deletions.
diff --git a/packages/cms/lib/modules/resource-overview-widgets/public/css/main0.less b/packages/cms/lib/modules/resource-overview-widgets/public/css/main0.less
@@ -435,35 +435,35 @@
 
 .tag-dropdown {
 	display: inline-flex;
-	flex-direction: column;
 	position: relative;
+	flex-direction: column;
 	align-items: center;
 	gap: 8px;
 	vertical-align: middle;
-
-
 }
 
 .tag-dropdown-header {
 	display: flex;
-	position: relative;
 	align-items: center;
 	gap: 8px;
+	padding: 4px 8px;
 	vertical-align: middle;
 
 	*{
 		margin: 0;
 	}
+
+	&:hover {
+		cursor: pointer;
+	}
 }
 
 .tag-dropdown-content {
 	display: none;
-	background-color: #f9f9f9;
-	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    box-shadow: 0 4px 20px 0 rgba(42,18,18,0.12);
+    background-color: #ffffff;
+    border: 0;
 	padding: 12px 16px;
-	z-index: 1;
-	position: relative;
-
 	&.open {
 		display: flex;
 		flex-direction: row;
@@ -474,7 +474,3 @@
 		}
 	}
 }
-
-// .tag-dropdown:hover .tag-dropdown-content {
-// 	display: block;
-// }
diff --git a/...resource-overview-widgets/views/includes/controls/tag-includes/group-variants/grouped.njk b/...resource-overview-widgets/views/includes/controls/tag-includes/group-variants/grouped.njk
@@ -3,7 +3,7 @@
   <div class="tag-group-container inline" onclick="onTagDropdownClick(this)">
         <div class="tag-dropdown">
             <div class="tag-dropdown-header">
-                <h3>{{ "Overig" if key === 'undefined' or key === 'null' else key }}</h3>
+                <h4>{{ "Overig" if key === 'undefined' or key === 'null' else key }}</h4>
                 <img src="https://wijamsterdam.nl/modules/openstad-assets/img/arrow_down_black.svg"/> 
             </div>
              <div class="tag-dropdown-content open">