External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-06 03:01:06 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add opaque bg to tooltip and legend.

Browse Source
This commit is contained in:
Kia Lam
2022-02-03 08:46:04 -08:00
parent 3cfab418d1
commit 7378952a8b
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
awx/ui/src/screens/TopologyView/Legend.js
View File

@@ -23,7 +23,8 @@ const Wrapper = styled.div`
top: -20px; top: -20px;
left: 0; left: 0;
padding: 10px; padding: 10px;
width: 190px; width: 150px;
background-color: rgba(255, 255, 255, 0.85);
`; `;
const Button = styled(PFButton)` const Button = styled(PFButton)`
width: 20px; width: 20px;
@@ -88,7 +89,7 @@ function Legend() {
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="primary" isSmall> <Button variant="primary" isSmall>
H Hy
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Hybrid node</DescriptionListDescription> <DescriptionListDescription>Hybrid node</DescriptionListDescription>

1
awx/ui/src/screens/TopologyView/Tooltip.js
View File

@@ -24,6 +24,7 @@ const Wrapper = styled.div`
right: 0; right: 0;
padding: 10px; padding: 10px;
width: 20%; width: 20%;
background-color: rgba(255, 255, 255, 0.85);
`; `;
const Button = styled(PFButton)` const Button = styled(PFButton)`
width: 20px; width: 20px;