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

Merge branch 'main' of https://github.com/GSA/notifications-admin into 1050-responsive-header

Browse Source 
# Conflicts:
#	app/templates/views/security.html
This commit is contained in:
Jonathan Bobel
2024-02-27 11:55:44 -05:00
parent bec550aca4 d3e4e2fd14
commit 0ba6f6f708
34 changed files with 815 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/collapsibleCheckboxes.js
View File

@@ -65,7 +65,7 @@
return $(`<div class="selection-footer${stickyClass}">
<button
class="govuk-button govuk-button--secondary selection-footer__button"
class="govuk-button govuk-button--secondary selection-footer__button usa-button usa-button--outline"
aria-expanded="${expanded ? 'true' : 'false'}"
aria-controls="${this.fieldsetId}">
${buttonContent}

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

@@ -150,15 +150,17 @@ td.table-empty-message {
}
.user-list {
display: inline-flex;
display: flex;
flex-wrap: wrap;
gap: units(4);
justify-content: space-between;
padding: 1rem;
.user-list-item {
@include at-media(desktop) {
flex: 1 1 calc(50% - units(2));
flex-grow: 0;
width: calc(50% - units(1));
margin-bottom: 1rem;
box-sizing: border-box;
}
flex: 1 1 calc(100% - units(2));
// flex: 1 1 calc(100% - units(2));
border: 1px solid color('gray-cool-10');
padding: units(2);
.tick-cross-list-permissions {
@@ -367,6 +369,7 @@ td.table-empty-message {
}
.file-list-hint {
margin: 0;
word-break: break-word;
}
.table-field, .table-field-right-aligned {
width: 50%;
@@ -391,28 +394,29 @@ td.table-empty-message {
}
.job-table {
.usa-table {
thead th.file-name {
width: 25%;
}
thead th.template {
width: 20%;
}
thead th.time-sent {
width: 30%;
}
thead th.sender {
width: 15%;
}
thead th.\#-of-recipients {
width: 5%;
}
thead th.report {
width: 5%;
}
th {
padding: 0.5rem 0.5rem;
}
width: 100%;
border-collapse: collapse;
td.file-name {
width: 25%;
overflow-wrap: anywhere;
}
td.template {
width: 20%;
}
td.time-sent {
width: 20%;
}
td.sender {
width: 15%;
}
td.count-of-recipients {
width: 5%;
}
td.report {
width: 5%;
}
th {
padding: 0.5rem 0.5rem;
}
}