6
0
Fork 0

Vereenvoudigen tabel-layout en structuur

This commit is contained in:
Michael Boelen 2023-05-16 20:41:31 +02:00
parent f0808ee686
commit c5ad73f6f8
3 changed files with 4 additions and 67 deletions

View file

@ -154,8 +154,8 @@ event_schedule:
title: Ja hallo, dit hadden we niet afgesproken title: Ja hallo, dit hadden we niet afgesproken
- column: - column:
talk: talk:
speaker: De Politie speaker:
title: Geen centje pijn op ons glitterfestijn title:
- row: - row:
columns: columns:
- column: - column:

View file

@ -435,6 +435,7 @@ img {
.table-wrapper{ .table-wrapper{
margin: 10px 10px 30px; margin: 10px 10px 30px;
box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.2 ); box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.2 );
overflow-x:auto;
} }
.fl-table { .fl-table {
@ -473,67 +474,3 @@ img {
background: #F8F8F8; 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;
}
}

View file

@ -74,7 +74,7 @@
{{ if .speaker }} {{ if .speaker }}
<strong>{{ .speaker }}</strong><br> <strong>{{ .speaker }}</strong><br>
{{ else }} {{ else }}
<strong>Jouw talk?</strong> <strong><a href="https://cfp.nluug.nl/">Jouw talk?</a></strong>
{{ end }} {{ end }}
{{ if and (.title) (.link) }} {{ if and (.title) (.link) }}
{{ if .link }} {{ if .link }}