Improve table accessibility
This commit is contained in:
parent
a7ea015b36
commit
6300a2d696
5 changed files with 31 additions and 51 deletions
|
@ -416,6 +416,7 @@ table.gb-admin tr td.gb-message {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
column-span: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.infotable tr td {
|
table.infotable tr td {
|
||||||
|
@ -430,6 +431,15 @@ table.infotable tr td small {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
caption h1,
|
||||||
|
caption h2 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
caption {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
table.infotable tr td small {
|
table.infotable tr td small {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2" class="gb-message">
|
<td class="gb-message">
|
||||||
<br>
|
<br>
|
||||||
{{ htmlspecialchars($entry->message) }}
|
{{ htmlspecialchars($entry->message) }}
|
||||||
</td>
|
</td>
|
||||||
|
|
|
@ -13,16 +13,10 @@
|
||||||
@foreach ($categories as $category)
|
@foreach ($categories as $category)
|
||||||
<table class="infotable">
|
<table class="infotable">
|
||||||
|
|
||||||
<tr>
|
<caption>
|
||||||
<td colspan="2">
|
|
||||||
<h1>{{ $category->name }}</h1>
|
<h1>{{ $category->name }}</h1>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="2">
|
|
||||||
<hr>
|
<hr>
|
||||||
</td>
|
</caption>
|
||||||
</tr>
|
|
||||||
|
|
||||||
@php
|
@php
|
||||||
$sites = DB::select(
|
$sites = DB::select(
|
||||||
|
|
|
@ -8,16 +8,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="infotable">
|
<table class="infotable">
|
||||||
<tr>
|
<caption>
|
||||||
<td>
|
|
||||||
<h1>Fun Facts</h1>
|
<h1>Fun Facts</h1>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<hr>
|
<hr>
|
||||||
</td>
|
</caption>
|
||||||
</tr>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>◆ I am (unfortunately) British</td>
|
<td>◆ I am (unfortunately) British</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -34,16 +28,10 @@
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="infotable">
|
<table class="infotable">
|
||||||
<tr>
|
<caption>
|
||||||
<td colspan="2">
|
|
||||||
<h1>Interests</h1>
|
<h1>Interests</h1>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="2">
|
|
||||||
<hr>
|
<hr>
|
||||||
</td>
|
</caption>
|
||||||
</tr>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>◆ <b>Tech Theatre</b></td>
|
<td>◆ <b>Tech Theatre</b></td>
|
||||||
<td>- Lighting, Stage Management, etc.</td>
|
<td>- Lighting, Stage Management, etc.</td>
|
||||||
|
@ -60,16 +48,10 @@
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="infotable">
|
<table class="infotable">
|
||||||
<tr>
|
<caption>
|
||||||
<td colspan="2">
|
|
||||||
<h1>Contact & social</h1>
|
<h1>Contact & social</h1>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="2">
|
|
||||||
<hr>
|
<hr>
|
||||||
</td>
|
</caption>
|
||||||
</tr>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><strong>E-mail:</strong></td>
|
<td><strong>E-mail:</strong></td>
|
||||||
<td><a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a></td>
|
<td><a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a></td>
|
||||||
|
|
|
@ -18,16 +18,10 @@ function degreesToCompassDirection($degrees) {
|
||||||
$data = $data->current;
|
$data = $data->current;
|
||||||
@endphp
|
@endphp
|
||||||
<table class="infotable">
|
<table class="infotable">
|
||||||
<tr>
|
<caption>
|
||||||
<td colspan="2">
|
|
||||||
<h1>Local Weather</h1>
|
<h1>Local Weather</h1>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="2">
|
|
||||||
<hr>
|
<hr>
|
||||||
</td>
|
</caption>
|
||||||
</tr>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>Wind Speed:</b></td>
|
<td><b>Wind Speed:</b></td>
|
||||||
<td>{{ $data->wind->speed }} mph</td>
|
<td>{{ $data->wind->speed }} mph</td>
|
||||||
|
|
Loading…
Reference in a new issue