Merge pull request #13390 from sg00dwin/popover-PF5-alignment-bug

OCPBUGS-23378: Set min-width for PF popovers that are being overridden by an inline style
openshift · Dec 5, 2023 · 5a9abcc · 5a9abcc
2 parents df47488 + 00e1552
commit 5a9abcc
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/public/style/_overrides.scss b/frontend/public/style/_overrides.scss
@@ -396,3 +396,8 @@ ul {
   color: var(--pf-global--Color--100);
   background-color: var(--pf-global--palette--black-600);
 }
+
+// PF5 Popover component applies an new inline width:auto style that overrides it's own pf-v5-c-popover min-width: var(--pf-v5-c-popover--MinWidth). So the pf-v5-c-popover container is not a consistent size and can resize when additional content is loaded which causes the alignment to be incorrect.
+.pf-v5-c-popover {
+  min-width: var(--pf-v5-c-popover--MinWidth) !important;
+}