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

Place table styling outside of dashboard, update class names for tables

Browse source
This commit is contained in:
igorkorenfeld 2023-03-21 16:50:12 -04:00
parent 6ea24a4c2c
commit 38f3b5ed87
No known key found for this signature in database
GPG key ID: 826947A4B867F659
3 changed files with 61 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
View file

@ -223,7 +223,17 @@ section.dashboard {
margin-bottom: 0; margin-bottom: 0;
} }
.usa-table { @include at-media(mobile-lg) {
margin-top: units(5);
h2 {
margin-bottom: units(3);
}
}
}
.dotgov-table {
width: 100%; width: 100%;
a { a {
@ -234,16 +244,20 @@ section.dashboard {
&:visited { &:visited {
color: color('primary'); color: color('primary');
} }
.usa-icon { .usa-icon {
// align icon with x height // align icon with x height
margin-top: units(0.5); margin-top: units(0.5);
margin-right: units(0.5); margin-right: units(0.5);
} }
} }
th[data-sortable]:not([aria-sort]) .usa-table__header__button {
right: auto;
}
} }
// Table on small mobile .dotgov-table--stacked {
.usa-table--stacked {
td, th { td, th {
padding: units(1) units(2) units(2px) 0; padding: units(1) units(2) units(2px) 0;
border: none; border: none;
@ -271,17 +285,12 @@ section.dashboard {
} }
@include at-media(mobile-lg) { @include at-media(mobile-lg) {
margin-top: units(5);
h2 { .dotgov-table {
margin-bottom: units(3); tr {
}
.usa-table tr {
border: none; border: none;
} }
.usa-table {
td, th { td, th {
border-bottom: 1px solid color('base-light'); border-bottom: 1px solid color('base-light');
} }
@ -297,8 +306,13 @@ section.dashboard {
} }
} }
td, th { tbody th {
padding: units(2); word-break: break-word;
}
td, th,
.usa-tabel th{
padding: units(2) units(2) units(2) 0;
} }
th:first-of-type { th:first-of-type {
@ -310,7 +324,6 @@ section.dashboard {
} }
} }
} }
}
#wrapper { #wrapper {

2
src/registrar/templates/domain_users.html
View file

@ -6,7 +6,7 @@
<h1>User management</h1> <h1>User management</h1>
{% if domain.permissions %} {% if domain.permissions %}
<table class="dotgov-table usa-table usa-table--borderless usa-table--stacked"> <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table--stacked dotgov-table">
<caption class="sr-only">Domain users</caption> <caption class="sr-only">Domain users</caption>
<thead> <thead>
<tr> <tr>

4
src/registrar/templates/home.html
View file

@ -17,7 +17,7 @@
<section class="dashboard tablet:grid-col-11 desktop:grid-col-10"> <section class="dashboard tablet:grid-col-11 desktop:grid-col-10">
<h2>Registered domains</h2> <h2>Registered domains</h2>
{% if domains %} {% if domains %}
<table class="usa-table usa-table--borderless usa-table--stacked"> <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
<caption class="sr-only">Your domain applications</caption> <caption class="sr-only">Your domain applications</caption>
<thead> <thead>
<tr> <tr>
@ -56,7 +56,7 @@
<section class="dashboard tablet:grid-col-11 desktop:grid-col-10"> <section class="dashboard tablet:grid-col-11 desktop:grid-col-10">
<h2>Active domain requests</h2> <h2>Active domain requests</h2>
{% if domain_applications %} {% if domain_applications %}
<table class="usa-table usa-table--borderless usa-table--stacked"> <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
<caption class="sr-only">Your domain applications</caption> <caption class="sr-only">Your domain applications</caption>
<thead> <thead>
<tr> <tr>