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

Add scroll overflow for legend and tooltip in Topology View.

Browse Source
This commit is contained in:
Kia Lam 2022-09-19 14:10:08 -07:00
parent 9c2185c68f
commit a1a4f26f19
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,11 +24,12 @@ import {
const Wrapper = styled.div`
position: absolute;
top: -20px;
left: 0;
padding: 10px;
padding: 0 10px;
width: 150px;
background-color: rgba(255, 255, 255, 0.85);
overflow: scroll;
height: 100%;
`;
const Button = styled(PFButton)`
&&& {
@ -61,7 +62,7 @@ function Legend() {
<TextContent>
<Text
component={TextVariants.small}
style={{ fontWeight: 'bold', color: 'black' }}
style={{ fontWeight: 'bold', color: 'black', marginTop: 0 }}
>
{t`Legend`}
</Text>

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

@ -33,11 +33,12 @@ import { formatDateString } from 'util/dates';
const Wrapper = styled.div`
position: absolute;
top: -20px;
right: 0;
padding: 10px;
padding: 0 10px;
width: 25%;
background-color: rgba(255, 255, 255, 0.85);
overflow: scroll;
height: 100%;
`;
const Button = styled(PFButton)`
&&& {
@ -181,7 +182,7 @@ function Tooltip({
<TextContent>
<Text
component={TextVariants.small}
style={{ fontWeight: 'bold', color: 'black' }}
style={{ fontWeight: 'bold', color: 'black', marginTop: 0 }}
>
{t`Details`}
</Text>