zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-12 20:49:41 +02:00
Code Issues Projects Releases Packages Wiki Activity

remove captions and make complex tables with multiple headers

Browse source
This commit is contained in:
Rachid Mrad 2023-09-11 17:09:20 -04:00
parent c759b3a458
commit 70fd8907bb
No known key found for this signature in database
GPG key ID: EF38E4CEC4A8F3CF
2 changed files with 23 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/registrar/assets/sass/_theme/_admin.scss
View file

@ -140,11 +140,6 @@ h1, h2, h3 {
font-weight: font-weight('bold'); font-weight: font-weight('bold');
} }
table > caption > a {
font-weight: font-weight('bold');
text-transform: none;
}
.change-list { .change-list {
.usa-table--striped tbody tr:nth-child(odd) td, .usa-table--striped tbody tr:nth-child(odd) td,
.usa-table--striped tbody tr:nth-child(odd) th, .usa-table--striped tbody tr:nth-child(odd) th,
@ -170,3 +165,15 @@ table > caption > a {
.min-width-81 { .min-width-81 {
min-width: 81px; min-width: 81px;
} }
.primary-th {
padding-top: 8px;
padding-bottom: 8px;
font-size: 0.75rem;
letter-spacing: 0.5px;
text-transform: none;
font-weight: font-weight('bold');
text-align: left;
background: var(--primary);
color: var(--header-link-color);
}

14
src/registrar/templates/admin/app_list.html
View file

@ -4,12 +4,20 @@
{% for app in app_list %} {% for app in app_list %}
<div class="app-{{ app.app_label }} module{% if app.app_url in request.path|urlencode %} current-app{% endif %}"> <div class="app-{{ app.app_label }} module{% if app.app_url in request.path|urlencode %} current-app{% endif %}">
<table> <table>
<caption>
<a href="{{ app.app_url }}" class="section" title="{% blocktranslate with name=app.name %}Models in the {{ name }} application{% endblocktranslate %}">{{ app.name }}</a>
</caption>
{# .gov override #} {# .gov override #}
<thead> <thead>
<tr>
{% if show_changelinks %}
<th colspan="3" class="primary-th">
{{ app.name }}
</th>
{% else %}
<th colspan="2" class="primary-th">
{{ app.name }}
</th>
{% endif %}
</tr>
<tr> <tr>
<th scope="col">Model</th> <th scope="col">Model</th>
<th><span class="display-inline-block min-width-25">Add</span></th> <th><span class="display-inline-block min-width-25">Add</span></th>