zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-26 04:28:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

Special alignment for the sort button on the checkbox column

Browse source
This commit is contained in:
Rachid Mrad 2025-02-19 12:11:51 -05:00
parent 819b4a30ab
commit 0890e0afd9
No known key found for this signature in database
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/registrar/assets/src/sass/_theme/_tables.scss
View file

@ -103,8 +103,8 @@ th {
} }
} }
@include at-media(tablet-lg) { @include at-media(tablet-lg) {
th[data-sortable] .usa-table__header__button, th[data-sortable]:not(.left-align-sort-button) .usa-table__header__button,
th[data-sortable] .usa-table__header__button:not([aria-sort]) { th[data-sortable]:not(.left-align-sort-button) .usa-table__header__button:not([aria-sort]) {
// position next to the copy // position next to the copy
right: auto; right: auto;
// slide left to mock a margin between the copy and the icon // slide left to mock a margin between the copy and the icon
@ -112,6 +112,9 @@ th {
// fix vertical alignment // fix vertical alignment
top: units(1.5); top: units(1.5);
} }
th[data-sortable].left-align-sort-button .usa-table__header__button {
left: 0;
}
} }
// Currently the 'flash' when sort is clicked, // Currently the 'flash' when sort is clicked,

2
src/registrar/templates/includes/member_domains_edit_table.html
View file

@ -45,7 +45,7 @@
<caption class="sr-only">member domains</caption> <caption class="sr-only">member domains</caption>
<thead> <thead>
<tr> <tr>
<th data-sortable="checked" scope="col" role="columnheader" class="padding-right-105 width-6"><span class="sr-only">Assigned domains</span></th> <th data-sortable="checked" scope="col" role="columnheader" class="padding-right-105 width-6 left-align-sort-button"><span class="sr-only">Assigned domains</span></th>
<!-- We override default sort to be name/ascending in the JSON endpoint. We add the correct aria-sort attribute here to reflect that in the UI --> <!-- We override default sort to be name/ascending in the JSON endpoint. We add the correct aria-sort attribute here to reflect that in the UI -->
<th data-sortable="name" scope="col" role="columnheader" aria-sort="descending">Domains</th> <th data-sortable="name" scope="col" role="columnheader" aria-sort="descending">Domains</th>
</tr> </tr>