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

1166 - Adjusting the card width and wrapping styles

Browse Source
This commit is contained in:
Jonathan Bobel
2024-01-30 15:23:21 -05:00
parent 761c7bd0fd
commit 0021d64253
2 changed files with 8 additions and 6 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="usa-button usa-button--outline selection-footer__button"
aria-expanded="${expanded ? 'true' : 'false'}"
aria-controls="${this.fieldsetId}">
${buttonContent}

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

@@ -140,15 +140,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 {