Add a 'scope' attribute to <th> tags

This commit is contained in:
McLayn
2024-12-11 15:35:18 +01:00
committed by Jože Fortun
parent c28861184b
commit b73af27d1b
6 changed files with 36 additions and 26 deletions
@@ -71,19 +71,19 @@
>
<thead>
<tr class="text-primary">
<th>
<th scope="col">
{{ $t("field") }}
</th>
<th>
<th scope="col">
{{ $t("type") }}
</th>
<th style="width: 250px;">
<th scope="col" style="width: 250px;">
{{ $t("valueModifiers") }}
</th>
<th style="width: 250px;">
<th scope="col" style="width: 250px;">
{{ $t("multiValues") }}
</th>
<th style="width: 150px;" />
<th scope="col" style="width: 150px;" />
</tr>
</thead>
@@ -97,28 +97,29 @@
>
<thead class="text-primary">
<tr>
<th style="width: auto;" />
<th scope="col" style="width: auto;" />
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t("navigation.type") }}
</th>
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t("navigation.color") }}
</th>
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t("navigation.background") }}
</th>
<th
class="text-center"
scope="col"
style="width: 50px; min-width: 50px;"
>
{{ $t("navigation.enabled") }}
</th>
<th style="width: auto; min-width: 100px;" />
<th scope="col" style="width: auto; min-width: 100px;" />
</tr>
</thead>
@@ -43,17 +43,18 @@
>
<thead>
<tr class="text-primary">
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t("navigation.text") }}
</th>
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t("navigation.url") }}
</th>
<th style="min-width: 200px;">
<th scope="col" style="min-width: 200px;">
{{ $t('navigation.openIn') }}
</th>
<th
class="text-center"
scope="col"
style="width: 50px; min-width: 50px;"
>
{{ $t("navigation.delimiter") }}
@@ -122,9 +122,9 @@
>
<b-thead>
<tr>
<th />
<th scope="col" />
<th class="d-flex align-items-center text-primary">
<th class="d-flex align-items-center text-primary" scope="col">
{{ $t('tabs.table.columns.title.label') }}
<c-hint
:tooltip="$t('interpolationFootnote', ['${record.values.fieldName}', '${recordID}', '${ownerID}', '${userID}'])"
@@ -134,11 +134,12 @@
<th
class="text-primary"
scope="col"
>
{{ $t('tabs.table.columns.block.label') }}
</th>
<th />
<th scope="col" />
</tr>
</b-thead>
@@ -229,9 +229,10 @@
>
<thead>
<tr>
<th />
<th scope="col" />
<th
class="text-primary"
scope="col"
>
<div
class="d-flex align-items-center"
@@ -244,6 +245,7 @@
</th>
<th
class="text-primary"
scope="col"
>
<div
class="d-flex align-items-center"
@@ -255,22 +257,22 @@
</div>
</th>
<th class="text-primary">
<th class="text-primary" scope="col">
{{ $t('general:label.type') }}
</th>
<th />
<th />
<th scope="col" />
<th scope="col" />
<th class="text-primary text-center pr-3">
<th class="text-primary text-center pr-3" scope="col">
{{ $t('general:label.required') }}
</th>
<th class="text-primary text-center pl-2">
<th class="text-primary text-center pl-2" scope="col">
{{ $t('general:label.multi') }}
</th>
<th />
<th scope="col" />
</tr>
</thead>
@@ -313,10 +315,11 @@
>
<thead>
<tr>
<th />
<th scope="col" />
<th
class="text-primary"
scope="col"
style="min-width: 250px;"
>
{{ $t('general:label.name') }}
@@ -324,6 +327,7 @@
<th
class="text-primary"
scope="col"
style="min-width: 250px;"
>
{{ $t('general.label.title') }}
@@ -332,6 +336,7 @@
<th
colspan="5"
class="text-primary"
scope="col"
style="min-width: 250px;"
>
{{ $t('general:label.type') }}
@@ -258,20 +258,22 @@
>
<b-thead>
<tr>
<th style="width: 40px;" />
<th scope="col" style="width: 40px;" />
<th
class="text-primary"
scope="col"
style="min-width: 300px;"
>
{{ $t('page-layout.title') }}
</th>
<th
class="text-primary"
scope="col"
style="min-width: 300px;"
>
{{ $t('page-layout.handle') }}
</th>
<th style="min-width: 100px;" />
<th scope="col" style="min-width: 100px;" />
</tr>
</b-thead>