"table" tag should not be used for layout

This commit is contained in:
Pig Fang 2020-03-24 18:44:45 +08:00
parent c219a0f03f
commit f4276d1ccf
4 changed files with 45 additions and 64 deletions

View File

@ -8,23 +8,6 @@
.brand-link, .navbar-brand .brand-link, .navbar-brand
font-family Minecraft font-family Minecraft
.key
vertical-align middle
.value
width 70%
.table > tbody > tr
td.value, td.key
border-top 0
@media (max-width: 768px)
td.value, td.key
display block
td.value
width 90%
.breadcrumb .breadcrumb
font-size 14px font-size 14px

View File

@ -14,22 +14,24 @@
<div class="callout callout-info"> <div class="callout callout-info">
{{ trans('admin.update.info.available') }} {{ trans('admin.update.info.available') }}
</div> </div>
<table class="table"> <div class="container-fluid">
<tbody> <div class="row mb-3">
<tr> <div class="col-sm-4">
<td class="key">{{ trans('admin.update.info.versions.latest') }}</td> {{ trans('admin.update.info.versions.latest') }}
<td class="value"> </div>
v{{ info.latest }} <div class="col-sm-8">
</td> v{{ info.latest }}
</tr> </div>
<tr> </div>
<td class="key">{{ trans('admin.update.info.versions.current') }}</td> <div class="row mt-3">
<td class="value"> <div class="col-sm-4">
v{{ info.current }} {{ trans('admin.update.info.versions.current') }}
</td> </div>
</tr> <div class="col-sm-8">
</tbody> v{{ info.current }}
</table> </div>
</div>
</div>
{% else %} {% else %}
{% if error %} {% if error %}
<div class="callout callout-danger"> <div class="callout callout-danger">
@ -40,17 +42,16 @@
{{ trans('admin.update.info.up-to-date') }} {{ trans('admin.update.info.up-to-date') }}
</div> </div>
{% endif %} {% endif %}
<table class="table"> <div class="container-fluid">
<tbody> <div class="row">
<tr> <div class="col-sm-4">
<td class="key"> {{ trans('admin.update.info.versions.current') }}
{{ trans('admin.update.info.versions.current') }}</td> </div>
<td class="value"> <div class="col-sm-8">
v{{ info.current }} v{{ info.current }}
</td> </div>
</tr> </div>
</tbody> </div>
</table>
{% endif %} {% endif %}
</div> </div>
<div class="card-footer"> <div class="card-footer">

View File

@ -35,25 +35,23 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% else %} {% else %}
<table class="table"> <div class="container-fluid">
<tbody> {% for item in items %}
{% for item in items %} <div class="row {{ loop.index == 1 ? 'mb-3' : (loop.index == loop.length ? 'mt-3' : 'my-3') }}">
<tr> {% if not renderInputTagsOnly %}
{% if not renderInputTagsOnly %} <div class="col-sm-4">
<td class="key"> {{ item.name }} {{ item.hint|raw }}
{{ item.name }} {{ item.hint|raw }} </div>
</td> {% endif %}
<div class="col-sm-{{ renderInputTagsOnly ? '12' : '8' }}">
{{ item.render()|raw }}
{% if item.description %}
<p class="description">{{ item.description|raw }}</p>
{% endif %} {% endif %}
<td class="value"> </div>
{{ item.render()|raw }} </div>
{% if item.description %} {% endfor %}
<p class="description">{{ item.description|raw }}</p> </div>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %} {% endif %}
</div> </div>
<div class="card-footer"> <div class="card-footer">

View File

@ -214,8 +214,7 @@ class OptionFormTest extends TestCase
$returned = $form->renderInputTagsOnly(); $returned = $form->renderInputTagsOnly();
$this->assertSame($form, $returned); $this->assertSame($form, $returned);
$crawler = new Crawler($form->render()); $crawler = new Crawler($form->render());
$this->assertCount(0, $crawler->filter('td.key')); $this->assertCount(1, $crawler->filter('.col-sm-12'));
$this->assertCount(1, $crawler->filter('td.value'));
} }
public function testRenderWithoutSubmitButton() public function testRenderWithoutSubmitButton()