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

Tentatively finished up the tabbed area with weekly/monthly/yearly stacked bar charts with dummy data

Browse Source
This commit is contained in:
Jonathan Bobel
2024-05-24 10:29:01 -04:00
parent c6a116c9bb
commit 473eefb5b0
8 changed files with 324 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -77,3 +77,37 @@ $failed: color('orange-30v');
background-color: #007bff;
border-radius: inherit;
}
// tabs
.tab {
display: flex;
margin-bottom: units(2);
}
.tab button {
cursor: pointer;
border-radius: 0;
margin-right: units(-1px);
&:focus {
outline-width: 2px;
}
&.active, &:hover {
background-color: color("blue-60v");
color: #FFF;
box-shadow: none;
}
}
.tabcontent {
display: none;
padding: units(1);
}
.chart-subtitle {
text-align: left;
width: 100%;
font-size: size("body", 5);
font-weight: bold;
padding: units(1);
margin: 0;
}