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

Merge pull request #12915 from kialam/fix-legend-and-tooltip-overflow-topology-view

Browse Source 
Add scroll overflow for legend and tooltip in Topology View.
This commit is contained in:
kialam 2022-09-26 11:45:36 -07:00 committed by GitHub
commit cdd2282282
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>