Fix talk table vertical alignment

This commit is contained in:
Oliver Davies 2017-07-10 23:47:53 +01:00
parent 3ee7239647
commit bbf2acc8e4
5 changed files with 15 additions and 21 deletions

View file

@ -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}

View file

@ -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

View file

@ -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 }}"

View file

@ -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 %}

View file

@ -46,10 +46,6 @@ There is also information about events that Ive 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}}