Merge pull request #962 from mturley/957-plan-details-popover-width-fix

[#957] [BZ#1712873] Prevent migration task info popovers with long error messages from being pushed off the screen (cherry picked from commit b027796) Fixes https://bugzilla.redhat.com/show_bug.cgi?id=1713732
ManageIQ · May 24, 2019 · b9701aa · b9701aa
1 parent 87f5703
commit b9701aa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/javascript/react/screens/App/Plan/Plan.scss b/app/javascript/react/screens/App/Plan/Plan.scss
@@ -27,10 +27,10 @@
   margin-bottom: 0px;
 }
 
-.task-info-popover .popover-title {
-  text-transform: capitalize;
+.task-info-popover {
+  max-width: 450px;
 }
 
-.no-max-width {
-  max-width: none;
+.task-info-popover .popover-title {
+  text-transform: capitalize;
 }
diff --git a/...vascript/react/screens/App/Plan/components/PlanRequestDetailList/PlanRequestDetailList.js b/...vascript/react/screens/App/Plan/components/PlanRequestDetailList/PlanRequestDetailList.js
@@ -282,7 +282,7 @@ class PlanRequestDetailList extends React.Component {
                 <Popover
                   id={`popover${task.id}${n}`}
                   title={V2V_MIGRATION_STATUS_MESSAGES[task.message]}
-                  className="task-info-popover no-max-width"
+                  className="task-info-popover"
                 >
                   <div>
                     <div>