Set min-width for popovers that were being overridden

sg00dwin · sg00dwin · commit 00e15520c97e · 2023-11-30T17:20:06.000-05:00
diff --git a/frontend/public/style/_overrides.scss b/frontend/public/style/_overrides.scss
@@ -399,3 +399,8 @@ ul.pf-v5-c-tree-view__list {
   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;
+}

Original file line number	Diff line number	Diff line change
`@@ -399,3 +399,8 @@ ul.pf-v5-c-tree-view__list {`
`399`	`399`	`color: var(--pf-global--Color--100);`
`400`	`400`	`background-color: var(--pf-global--palette--black-600);`
`401`	`401`	`}`
	`402`	`+`
	`403`	`+// 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.`
	`404`	`+.pf-v5-c-popover {`
	`405`	`+ min-width: var(--pf-v5-c-popover--MinWidth) !important;`
	`406`	`+}`