fix number positioning

WordPress · Jul 22, 2024 · 0fa197e · 0fa197e
1 parent 205ff5c
commit 0fa197e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/dataviews/src/components/dataviews-filters/index.tsx b/packages/dataviews/src/components/dataviews-filters/index.tsx
@@ -115,7 +115,7 @@ export function FilterVisibilityToggle( {
  );
  }
  return (
- <>
+ <div className="dataviews-filters__container-visibility-toggle">
  <Button
  className="dataviews-filters__visibility-toggle"
  size="compact"
@@ -135,7 +135,7 @@ export function FilterVisibilityToggle( {
  { view.filters?.length }
  </span>
  ) }
- </>
+ </div>
  );
 }
 

diff --git a/packages/dataviews/src/components/dataviews-filters/style.scss b/packages/dataviews/src/components/dataviews-filters/style.scss
@@ -260,15 +260,15 @@
  margin-left: -$grid-unit-05;
 }
 
-.dataviews-filters-toggle__container {
+.dataviews-filters__container-visibility-toggle {
  position: relative;
  flex-shrink: 0;
 }
 
 .dataviews-filters-toggle__count {
  position: absolute;
  top: math.div(-$grid-unit-15, 2);
- right: -$grid-unit-15;
+ right: -( $grid-unit-05 + math.div($grid-unit-05, 2) );
  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);