darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-09 16:39:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

tooltip adjustments

Browse Source
This commit is contained in:
Jonathan Bobel
2024-06-17 13:57:54 -04:00
parent cef5f921c2
commit c5a467c417
3 changed files with 82 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/assets/sass/uswds/_data-visualization.scss
View File

@@ -107,19 +107,6 @@ $failed: color('orange-30v');
// padding: 10px; /* Replace units(1) with 10px */
// }
#chartsArea {
min-height: 400px;
}
.chart-subtitle {
text-align: left;
width: 100%;
font-size: size("body", 6);
font-weight: bold;
padding: 0 units(1);
margin: 0;
}
.chart {
display: flex;
justify-content: center;
@@ -127,6 +114,22 @@ $failed: color('orange-30v');
flex-direction: column;
}
.chart-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
}
.chart-subtitle {
font-size: size("body", 6);
font-weight: bold;
text-align: left;
width: 100%;
padding: 0;
margin: 0;
}
.axis text {
font-size: size("body", 1);
}
@@ -147,6 +150,23 @@ $failed: color('orange-30v');
position: relative;
}
.chart-legend {
display: flex;
align-items: center;
}
.legend-item {
display: flex;
align-items: center;
margin-right: units(2);
}
.legend-item rect {
width: units(2);
height: units(2);
margin-right: units(1);
}
#tooltip {
position: absolute;
display: none;
@@ -157,5 +177,6 @@ $failed: color('orange-30v');
border-radius: units(1);
pointer-events: none;
z-index: 100;
font-size: size("body", 4);
font-size: size("body", 3);
line-height: 1.3;
}