summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorKia Lam <digitalanime@gmail.com>2022-10-04 22:59:01 +0200
committerKia Lam <digitalanime@gmail.com>2022-10-10 17:44:36 +0200
commit2e38bbcbcdcb427b20b36c52ac2da9ff06bc5187 (patch)
tree6e4c9d6b42fa292f2266b014beb2c50e874a37ea
parentMerge pull request #12949 from john-westcott-iv/make-ldap-more-efficent (diff)
downloadawx-2e38bbcbcdcb427b20b36c52ac2da9ff06bc5187.tar.xz
awx-2e38bbcbcdcb427b20b36c52ac2da9ff06bc5187.zip
Fix CSS overflow for legend and tooltip in Topology view.
-rw-r--r--awx/ui/src/screens/TopologyView/Legend.js4
-rw-r--r--awx/ui/src/screens/TopologyView/Tooltip.js2
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)`