Vereenvoudigen tabel-layout en structuur
This commit is contained in:
parent
f0808ee686
commit
c5ad73f6f8
|
@ -154,8 +154,8 @@ event_schedule:
|
|||
title: Ja hallo, dit hadden we niet afgesproken
|
||||
- column:
|
||||
talk:
|
||||
speaker: De Politie
|
||||
title: Geen centje pijn op ons glitterfestijn
|
||||
speaker:
|
||||
title:
|
||||
- row:
|
||||
columns:
|
||||
- column:
|
||||
|
|
|
@ -435,6 +435,7 @@ img {
|
|||
.table-wrapper{
|
||||
margin: 10px 10px 30px;
|
||||
box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.2 );
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.fl-table {
|
||||
|
@ -473,67 +474,3 @@ img {
|
|||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
|
||||
@media (max-width: 499px) {
|
||||
.fl-table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.table-wrapper:before{
|
||||
content: "Scroll horizontally >";
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
.fl-table thead, .fl-table tbody, .fl-table thead th {
|
||||
display: block;
|
||||
}
|
||||
.fl-table thead th:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
.fl-table thead {
|
||||
float: left;
|
||||
}
|
||||
.fl-table tbody {
|
||||
width: auto;
|
||||
position: relative;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.fl-table td, .fl-table th {
|
||||
padding: 20px .625em .625em .625em;
|
||||
height: 60px;
|
||||
//vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
width: 120px;
|
||||
font-size: 14px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fl-table thead tr th {
|
||||
border-bottom: 1px solid #f7f7f9;
|
||||
}
|
||||
.fl-table tbody tr {
|
||||
display: table-cell;
|
||||
}
|
||||
.fl-table tbody tr:nth-child(odd) {
|
||||
background: none;
|
||||
}
|
||||
.fl-table tr:nth-child(even) {
|
||||
background: transparent;
|
||||
}
|
||||
.fl-table tr td:nth-child(odd) {
|
||||
background: #F8F8F8;
|
||||
border-right: 1px solid #E6E4E4;
|
||||
}
|
||||
.fl-table tr td:nth-child(even) {
|
||||
border-right: 1px solid #E6E4E4;
|
||||
}
|
||||
.fl-table tbody td {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -74,7 +74,7 @@
|
|||
{{ if .speaker }}
|
||||
<strong>{{ .speaker }}</strong><br>
|
||||
{{ else }}
|
||||
<strong>Jouw talk?</strong>
|
||||
<strong><a href="https://cfp.nluug.nl/">Jouw talk?</a></strong>
|
||||
{{ end }}
|
||||
{{ if and (.title) (.link) }}
|
||||
{{ if .link }}
|
||||
|
|
Reference in a new issue