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