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;
}

14
app/assets/sass/uswds/_legacy-styles.scss
View File

@@ -341,10 +341,10 @@ h2.recipient-list {
}
}
.js-focus-style {
outline: 3px solid color("blue-40v");
box-shadow: 0 0 0 7px color("blue-40v");
*:focus {
outline: none;
}
}
// .js-focus-style {
// outline: 3px solid color("blue-40v");
// box-shadow: 0 0 0 7px color("blue-40v");
// *:focus {
// outline: none;
// }
// }

5
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -22,9 +22,8 @@ i.e.
@use "uswds-core" as *;
iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus {
outline: units(1px) dotted color('blue-40v');
outline: units(1px) auto color('blue-40v');
iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus, button:not([disabled]):focus {
outline: units(2px) solid color('blue-40v');
outline-offset: 0.3rem;
}