From 2e38bbcbcdcb427b20b36c52ac2da9ff06bc5187 Mon Sep 17 00:00:00 2001 From: Kia Lam Date: Tue, 4 Oct 2022 13:59:01 -0700 Subject: [PATCH] Fix CSS overflow for legend and tooltip in Topology view. --- awx/ui/src/screens/TopologyView/Legend.js | 4 ++-- awx/ui/src/screens/TopologyView/Tooltip.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/awx/ui/src/screens/TopologyView/Legend.js b/awx/ui/src/screens/TopologyView/Legend.js index e3534de5e5..23507c2b13 100644 --- a/awx/ui/src/screens/TopologyView/Legend.js +++ b/awx/ui/src/screens/TopologyView/Legend.js @@ -26,9 +26,9 @@ const Wrapper = styled.div` position: absolute; left: 0; padding: 0 10px; - width: 150px; + min-width: 150px; background-color: rgba(255, 255, 255, 0.85); - overflow: scroll; + overflow: auto; height: 100%; `; const Button = styled(PFButton)` diff --git a/awx/ui/src/screens/TopologyView/Tooltip.js b/awx/ui/src/screens/TopologyView/Tooltip.js index 5bc35c977a..f676197ba6 100644 --- a/awx/ui/src/screens/TopologyView/Tooltip.js +++ b/awx/ui/src/screens/TopologyView/Tooltip.js @@ -37,7 +37,7 @@ const Wrapper = styled.div` padding: 0 10px; width: 25%; background-color: rgba(255, 255, 255, 0.85); - overflow: scroll; + overflow: auto; height: 100%; `; const Button = styled(PFButton)`