Count styling

WordPress · Jul 23, 2024 · 44f4afa · 44f4afa
1 parent 1af2eb6
commit 44f4afa
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/packages/dataviews/src/components/dataviews-filters/style.scss b/packages/dataviews/src/components/dataviews-filters/style.scss
@@ -262,15 +262,17 @@
 
 .dataviews-filters-toggle__count {
 	position: absolute;
-	top: math.div(-$grid-unit-15, 2);
-	right: -($grid-unit-05 + math.div($grid-unit-05, 2));
+	top: 0;
+	right: 0;
+	transform: translate(50%, -50%);
 	background: var(--wp-admin-theme-color, #3858e9);
-	height: $grid-unit-15 + math.div($grid-unit-05, 2);
-	width: $grid-unit-15 + math.div($grid-unit-05, 2);
-	line-height: $grid-unit-15 + math.div($grid-unit-05, 2);
+	height: $grid-unit-20;
+	min-width: $grid-unit-20;
+	line-height: $grid-unit-20;
+	padding: 0 $grid-unit-05;
 	text-align: center;
-	border-radius: 50%;
-	font-size: 10px;
+	border-radius: $grid-unit-10;
+	font-size: 11px;
 	outline: $border-width solid $white;
 	color: $white;
 }