Adjustments from huddle

This commit is contained in:
CocoByte 2025-02-10 13:16:31 -07:00
parent 4238d064d3
commit 8888a43f44
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
3 changed files with 16 additions and 9 deletions

View file

@ -57,12 +57,14 @@ export class DomainsTable extends BaseTable {
</td>
${markupForSuborganizationRow}
<td class="width--action-column">
<a href="${actionUrl}">
<svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
</svg>
${domain.action_label} <span class="usa-sr-only">${domain.name}</span>
</a>
<div class="tablet:display-flex tablet:flex-row flex-align-center margin-right-2">
<a href="${actionUrl}">
<svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
</svg>
${domain.action_label} <span class="usa-sr-only">${domain.name}</span>
</a>
</div>
</td>
`;
tbody.appendChild(row);

View file

@ -51,7 +51,7 @@ body {
background-color: color('white');
border: 1px solid color('base-lighter');
border-radius: 4px;
padding: 0 units(4) units(3) units(2);
padding: 0 units(2) units(3) units(2);
margin-top: units(3);
&.margin-top-0 {
@ -276,6 +276,11 @@ abbr[title] {
width: 25%;
}
/*
NOTE: width: 3% basically forces a fit-content effect in the table.
Fit-content itself does not work.
*/
.width--action-column {
max-width: 80px;
width: 3%;
padding-right: 0px !important;
}

View file

@ -9,7 +9,7 @@
{# the entire logged in page goes here #}
<div class="grid-row {% if not is_widescreen_centered %}max-width--grid-container{% endif %}">
<div class="tablet:grid-col-11 desktop:grid-col-10 {% if is_widescreen_centered %}tablet:grid-offset-1{% endif %}">
<div class="desktop:grid-col-10 {% if not is_widescreen_centered %}tablet:grid-col-11 {% else %}tablet:padding-left-4 tablet:padding-right-4 tablet:grid-col-12 desktop:grid-offset-1{% endif %}">
{% block portfolio_content %}{% endblock %}