adding custom style for table count toolbar item

Signed-off-by: Jeff Puzzo <jpuzzo@redhat.com>
kubev2v · Jan 23, 2025 · d2a4440 · d2a4440
1 parent 0134d64
commit d2a4440
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/forklift-console-plugin/src/components/page/StandardPage.style.css b/packages/forklift-console-plugin/src/components/page/StandardPage.style.css
@@ -1,3 +1,9 @@
 .forklift-page__main-title {
   padding-bottom: 0;
 }
+
+.forklift-page__toolbar-item__selected-count {
+  color: var(--pf-v5-global--Color--200);
+  margin-inline-start: auto;
+  align-self: center;
+}
diff --git a/packages/forklift-console-plugin/src/components/page/StandardPage.tsx b/packages/forklift-console-plugin/src/components/page/StandardPage.tsx
@@ -421,11 +421,7 @@ export function StandardPage<T>({
             </ToolbarToggleGroup>
 
             {selectedCountLabel && (
-              <ToolbarItem
-                className="pf-v5-u-color-200"
-                align={{ default: 'alignRight' }}
-                alignSelf="center"
-              >
+              <ToolbarItem className="forklift-page__toolbar-item__selected-count">
                 {selectedCountLabel(selectedIds.length ?? 0)}
               </ToolbarItem>
             )}