From c5ad73f6f8e7182c52161abf65a5ff72fd5f542b Mon Sep 17 00:00:00 2001 From: Michael Boelen Date: Tue, 16 May 2023 20:41:31 +0200 Subject: [PATCH] Vereenvoudigen tabel-layout en structuur --- .../nluug/najaarsconferentie-2023/index.rst | 4 +- themes/nluug/assets/scss/styles.scss | 65 +------------------ .../layouts/evenementen/schedule-event.html | 2 +- 3 files changed, 4 insertions(+), 67 deletions(-) diff --git a/content/evenementen/nluug/najaarsconferentie-2023/index.rst b/content/evenementen/nluug/najaarsconferentie-2023/index.rst index 34f5bc0..7a80689 100644 --- a/content/evenementen/nluug/najaarsconferentie-2023/index.rst +++ b/content/evenementen/nluug/najaarsconferentie-2023/index.rst @@ -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: diff --git a/themes/nluug/assets/scss/styles.scss b/themes/nluug/assets/scss/styles.scss index 60593b3..e202977 100644 --- a/themes/nluug/assets/scss/styles.scss +++ b/themes/nluug/assets/scss/styles.scss @@ -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; - } -} diff --git a/themes/nluug/layouts/evenementen/schedule-event.html b/themes/nluug/layouts/evenementen/schedule-event.html index 76083db..1721ca2 100644 --- a/themes/nluug/layouts/evenementen/schedule-event.html +++ b/themes/nluug/layouts/evenementen/schedule-event.html @@ -74,7 +74,7 @@ {{ if .speaker }} {{ .speaker }}
{{ else }} - Jouw talk? + Jouw talk? {{ end }} {{ if and (.title) (.link) }} {{ if .link }}