Migrate to new Google Map Markers, improve GP main page clustering (#711

)
jsdelivr · Dec 3, 2024 · 479aae2 · 479aae2
1 parent 7414f22
commit 479aae2
Show file tree

Hide file tree

Showing 4 changed files with 381 additions and 154 deletions.
diff --git a/src/assets/less/common-globalping.less b/src/assets/less/common-globalping.less
@@ -533,7 +533,7 @@
 	display: none !important;
 }
 
-.p-globalping-network .gm-style-iw-chr {
+.p-globalping .gm-style-iw-chr, .p-globalping-network .gm-style-iw-chr {
 	display: none !important;
 }
 

diff --git a/src/assets/less/pages/globalping.less b/src/assets/less/pages/globalping.less
@@ -1915,6 +1915,62 @@
 				}
 			}
 		}
+
+		&_map-cluster-iw {
+			display: flex;
+			flex-direction: column;
+			row-gap: 4px;
+			padding: 16px 1px 4px;
+			min-width: 128px;
+
+			span {
+				font-family: Lexend, sans-serif;
+				font-size: 14px;
+				line-height: 20px;
+				color: #17233a;
+			}
+
+			&_header {
+				display: flex;
+				align-items: center;
+				column-gap: 4px;
+				margin-bottom: 8px;
+
+				&_location, &_cnt {
+					font-weight: 600;
+				}
+
+				&_cnt {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					height: 20px;
+					padding: 0 8px;
+					border: 1px solid #e7e7ee;
+					border-radius: 12px;
+					background: #e8fff9;
+				}
+			}
+
+			&_row {
+				display: flex;
+				align-items: center;
+				column-gap: 4px;
+
+				&_network-cnt {
+					display: inline-flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 20px;
+					padding: 0 8px;
+					border: 1px solid #e7e7ee;
+					border-radius: 12px;
+					background-color: #fff;
+				}
+			}
+		}
 	}
 
 	.c-tags-input {