6
0
Fork 0

Tuning van tabellen

This commit is contained in:
Michael Boelen 2023-05-16 20:24:54 +02:00
parent a3f30ceabf
commit 508d56cdb0
2 changed files with 16 additions and 48 deletions

View file

@ -391,9 +391,12 @@ header ul a:first-child {
.m,hr {
border: 0;
margin: 3rem 0
margin: 3rem 0;
}
.m-sm {
margin: 1rem;
}
img {
max-width: 100%;
height: auto;
@ -421,6 +424,11 @@ img {
display: inline;
}
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
/* Table Styles */
@ -431,7 +439,7 @@ img {
.fl-table {
border-radius: 5px;
font-size: 12px;
font-size: 14px;
font-weight: normal;
border: none;
border-collapse: collapse;
@ -443,11 +451,12 @@ img {
.fl-table td, .fl-table th {
text-align: left;
padding: 8px;
vertical-align: top;
}
.fl-table td {
border-right: 1px solid #f8f8f8;
font-size: 12px;
font-size: 14px;
}
.fl-table thead th {
@ -466,7 +475,7 @@ img {
/* Responsive */
@media (max-width: 767px) {
@media (max-width: 499px) {
.fl-table {
display: block;
width: 100%;
@ -475,7 +484,7 @@ img {
content: "Scroll horizontally >";
display: block;
text-align: right;
font-size: 11px;
font-size: 12px;
color: white;
padding: 0 0 10px;
}
@ -496,12 +505,12 @@ img {
.fl-table td, .fl-table th {
padding: 20px .625em .625em .625em;
height: 60px;
vertical-align: middle;
//vertical-align: middle;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
width: 120px;
font-size: 13px;
font-size: 14px;
text-overflow: ellipsis;
}
.fl-table thead tr th {

View file

@ -1,41 +0,0 @@
{{ define "main" }}
{{ with .Params.event_title }}<h2>{{ . }}</h2>{{ end }}
<div>{{ .Content }}</div>
{{ if isset .Params "event_start" }}
{{ $event_start := .Params.event_start | time }}
<div class="highlight-box">
<h3>Locatie</h3>
<strong>{{ .Params.event_location }}</strong>
<p>{{ .Params.event_address.street_address }}<br>{{ .Params.event_address.postal_code }}, {{ .Params.event_address.city }}<br>{{ .Params.event_address.country_name }}</p>
<h3>Datum en tijd</h3>
<ul>
<li>Start: {{ time.Format "02-01-2006 15:04" .Params.event_start }}</li>
<li>Einde: {{ time.Format "02-01-2006 15:04" .Params.event_end }}</li>
</ul>
</div>
{{ with .Params.event_register_link }}
{{ if le now $event_start }}
<a href="{{ . }}" class="button">Inschrijven</a>
{{ else }}
<p>Dit evenement is al afgelopen, inschrijven is daarom niet meer mogelijk.</p>
{{ end }}
{{ end }}
<h3>Kalender</h3>
<p>Zet het event alvast in je agenda met onderstaande opties!</p>
<ul>
{{ with .OutputFormats.Get "calendarevent" }}
<li><a href="{{ .RelPermalink }}">Importeren via iCal-bestand</a></li>
{{ end }}
<li><a href="https://www.google.com/calendar/render?action=TEMPLATE&text={{ .Params.event_title | urlquery }}&details=Locatie:%20{{ .Params.event_location | urlquery }}&location={{ .Params.event_address.street_address }}%2c%20{{ .Params.event_address.postal_code }}%2c%20{{ .Params.event_address.city }}%2c%20{{ .Params.event_address.country_name }}&dates={{ time.Format "20060102T150405" .Params.event_start }}/{{ time.Format "20060102T150405" .Params.event_end }}&ctz={{ .Params.event_timezone }}">Importeren naar Google-kalender</a></li>
</ul>
{{ else }}
<p>Waarschuwing: dit evenement mist gegevens zoals start en einddatum.</p>
{{ end }}
{{ end }}