Fix talk table vertical alignment
This commit is contained in:
parent
3ee7239647
commit
bbf2acc8e4
|
@ -19,3 +19,14 @@
|
||||||
@each $value in 'block', 'inline', 'inline-block'
|
@each $value in 'block', 'inline', 'inline-block'
|
||||||
.display-#{$value}
|
.display-#{$value}
|
||||||
display: #{$value}
|
display: #{$value}
|
||||||
|
|
||||||
|
@each $value in 'top', 'middle', 'bottom'
|
||||||
|
.table
|
||||||
|
& > thead > tr > th,
|
||||||
|
& > thead > tr > td,
|
||||||
|
& > tbody > tr > th,
|
||||||
|
& > tbody > tr > td,
|
||||||
|
& > tfoot > tr > th,
|
||||||
|
& > tfoot > tr > td
|
||||||
|
&.vertical-#{$value}
|
||||||
|
vertical-align: #{$value}
|
||||||
|
|
|
@ -1,12 +0,0 @@
|
||||||
.talk-event-table
|
|
||||||
& > thead > tr > th,
|
|
||||||
& > tbody > tr > td
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.talk-type,
|
|
||||||
.event-location
|
|
||||||
display: block
|
|
||||||
margin-top: 1px
|
|
||||||
|
|
||||||
.talk-full .column-event
|
|
||||||
width: auto
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table table-striped">
|
<table class="table table-striped talks-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 20%">Date</th>
|
<th style="width: 20%">Date</th>
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
{% set talk = item %}
|
{% set talk = item %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td class="vertical-middle">
|
||||||
{{ row.date.date|date(row.date.fuzzy_date ? 'F Y' : 'j F Y') }}
|
{{ row.date.date|date(row.date.fuzzy_date ? 'F Y' : 'j F Y') }}
|
||||||
|
|
||||||
{% if row.date.time %}
|
{% if row.date.time %}
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
</td>
|
</td>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<td>
|
<td class="vertical-middle">
|
||||||
{% if row.event.website %}
|
{% if row.event.website %}
|
||||||
<a href="{{ row.event.website }}">
|
<a href="{{ row.event.website }}">
|
||||||
{{ row.event.name }}
|
{{ row.event.name }}
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
{% if not upcoming %}
|
{% if not upcoming %}
|
||||||
<td>
|
<td class="vertical-middle">
|
||||||
{% if row.date.feedback %}
|
{% if row.date.feedback %}
|
||||||
<a
|
<a
|
||||||
href="{{ row.date.feedback }}"
|
href="{{ row.date.feedback }}"
|
||||||
|
|
|
@ -53,5 +53,4 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
|
<link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
|
||||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/talks-table.css">
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -46,10 +46,6 @@ There is also information about events that I’ve attended and spoken at on my
|
||||||
You can view more talks in the [talks archive][3].
|
You can view more talks in the [talks archive][3].
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
|
||||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/talks-table.css">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
[0]: {{site.url}}/contact
|
[0]: {{site.url}}/contact
|
||||||
[1]: {{site.lanyrd.url}}
|
[1]: {{site.lanyrd.url}}
|
||||||
[2]: {{site.joindin.url}}
|
[2]: {{site.joindin.url}}
|
||||||
|
|
Reference in a new issue