3
0

Add a 'scope' attribute to <th> tags

This commit is contained in:
McLayn 2024-11-10 13:53:44 +01:00 committed by Jože Fortun
parent c28861184b
commit b73af27d1b
6 changed files with 36 additions and 26 deletions

View File

@ -71,19 +71,19 @@
> >
<thead> <thead>
<tr class="text-primary"> <tr class="text-primary">
<th> <th scope="col">
{{ $t("field") }} {{ $t("field") }}
</th> </th>
<th> <th scope="col">
{{ $t("type") }} {{ $t("type") }}
</th> </th>
<th style="width: 250px;"> <th scope="col" style="width: 250px;">
{{ $t("valueModifiers") }} {{ $t("valueModifiers") }}
</th> </th>
<th style="width: 250px;"> <th scope="col" style="width: 250px;">
{{ $t("multiValues") }} {{ $t("multiValues") }}
</th> </th>
<th style="width: 150px;" /> <th scope="col" style="width: 150px;" />
</tr> </tr>
</thead> </thead>

View File

@ -97,28 +97,29 @@
> >
<thead class="text-primary"> <thead class="text-primary">
<tr> <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") }} {{ $t("navigation.type") }}
</th> </th>
<th style="min-width: 200px;"> <th scope="col" style="min-width: 200px;">
{{ $t("navigation.color") }} {{ $t("navigation.color") }}
</th> </th>
<th style="min-width: 200px;"> <th scope="col" style="min-width: 200px;">
{{ $t("navigation.background") }} {{ $t("navigation.background") }}
</th> </th>
<th <th
class="text-center" class="text-center"
scope="col"
style="width: 50px; min-width: 50px;" style="width: 50px; min-width: 50px;"
> >
{{ $t("navigation.enabled") }} {{ $t("navigation.enabled") }}
</th> </th>
<th style="width: auto; min-width: 100px;" /> <th scope="col" style="width: auto; min-width: 100px;" />
</tr> </tr>
</thead> </thead>

View File

@ -43,17 +43,18 @@
> >
<thead> <thead>
<tr class="text-primary"> <tr class="text-primary">
<th style="min-width: 200px;"> <th scope="col" style="min-width: 200px;">
{{ $t("navigation.text") }} {{ $t("navigation.text") }}
</th> </th>
<th style="min-width: 200px;"> <th scope="col" style="min-width: 200px;">
{{ $t("navigation.url") }} {{ $t("navigation.url") }}
</th> </th>
<th style="min-width: 200px;"> <th scope="col" style="min-width: 200px;">
{{ $t('navigation.openIn') }} {{ $t('navigation.openIn') }}
</th> </th>
<th <th
class="text-center" class="text-center"
scope="col"
style="width: 50px; min-width: 50px;" style="width: 50px; min-width: 50px;"
> >
{{ $t("navigation.delimiter") }} {{ $t("navigation.delimiter") }}

View File

@ -122,9 +122,9 @@
> >
<b-thead> <b-thead>
<tr> <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') }} {{ $t('tabs.table.columns.title.label') }}
<c-hint <c-hint
:tooltip="$t('interpolationFootnote', ['${record.values.fieldName}', '${recordID}', '${ownerID}', '${userID}'])" :tooltip="$t('interpolationFootnote', ['${record.values.fieldName}', '${recordID}', '${ownerID}', '${userID}'])"
@ -134,11 +134,12 @@
<th <th
class="text-primary" class="text-primary"
scope="col"
> >
{{ $t('tabs.table.columns.block.label') }} {{ $t('tabs.table.columns.block.label') }}
</th> </th>
<th /> <th scope="col" />
</tr> </tr>
</b-thead> </b-thead>

View File

@ -229,9 +229,10 @@
> >
<thead> <thead>
<tr> <tr>
<th /> <th scope="col" />
<th <th
class="text-primary" class="text-primary"
scope="col"
> >
<div <div
class="d-flex align-items-center" class="d-flex align-items-center"
@ -244,6 +245,7 @@
</th> </th>
<th <th
class="text-primary" class="text-primary"
scope="col"
> >
<div <div
class="d-flex align-items-center" class="d-flex align-items-center"
@ -255,22 +257,22 @@
</div> </div>
</th> </th>
<th class="text-primary"> <th class="text-primary" scope="col">
{{ $t('general:label.type') }} {{ $t('general:label.type') }}
</th> </th>
<th /> <th scope="col" />
<th /> <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') }} {{ $t('general:label.required') }}
</th> </th>
<th class="text-primary text-center pl-2"> <th class="text-primary text-center pl-2" scope="col">
{{ $t('general:label.multi') }} {{ $t('general:label.multi') }}
</th> </th>
<th /> <th scope="col" />
</tr> </tr>
</thead> </thead>
@ -313,10 +315,11 @@
> >
<thead> <thead>
<tr> <tr>
<th /> <th scope="col" />
<th <th
class="text-primary" class="text-primary"
scope="col"
style="min-width: 250px;" style="min-width: 250px;"
> >
{{ $t('general:label.name') }} {{ $t('general:label.name') }}
@ -324,6 +327,7 @@
<th <th
class="text-primary" class="text-primary"
scope="col"
style="min-width: 250px;" style="min-width: 250px;"
> >
{{ $t('general.label.title') }} {{ $t('general.label.title') }}
@ -332,6 +336,7 @@
<th <th
colspan="5" colspan="5"
class="text-primary" class="text-primary"
scope="col"
style="min-width: 250px;" style="min-width: 250px;"
> >
{{ $t('general:label.type') }} {{ $t('general:label.type') }}

View File

@ -258,20 +258,22 @@
> >
<b-thead> <b-thead>
<tr> <tr>
<th style="width: 40px;" /> <th scope="col" style="width: 40px;" />
<th <th
class="text-primary" class="text-primary"
scope="col"
style="min-width: 300px;" style="min-width: 300px;"
> >
{{ $t('page-layout.title') }} {{ $t('page-layout.title') }}
</th> </th>
<th <th
class="text-primary" class="text-primary"
scope="col"
style="min-width: 300px;" style="min-width: 300px;"
> >
{{ $t('page-layout.handle') }} {{ $t('page-layout.handle') }}
</th> </th>
<th style="min-width: 100px;" /> <th scope="col" style="min-width: 100px;" />
</tr> </tr>
</b-thead> </b-thead>