Browse Source

Make tables responsive

master
Jan-Lukas Else 2 weeks ago
parent
commit
60295a597d
  1. 3
      original-assets/styles/styles.scss
  2. 4
      templates/assets/css/styles.css
  3. 2
      templates/blogstats.gohtml

3
original-assets/styles/styles.scss

@ -137,8 +137,11 @@ code {
}
table {
@extend .p;
border-collapse: collapse;
border-spacing: 0;
white-space: nowrap;
overflow-x: auto;
}
tr, td, th {

4
templates/assets/css/styles.css

@ -100,6 +100,8 @@ code {
table {
border-collapse: collapse;
border-spacing: 0;
white-space: nowrap;
overflow-x: auto;
}
tr, td, th {
@ -126,7 +128,7 @@ footer * {
border-bottom: 1px solid var(--primary, #000);
}
.p {
.p, table {
display: block;
margin-top: 1em;
margin-bottom: 1em;

2
templates/blogstats.gohtml

@ -6,7 +6,7 @@
<main>
{{ with .Blog.BlogStats.Title }}<h1>{{ . }}</h1>{{ end }}
{{ with .Blog.BlogStats.Description }}{{ md . }}{{ end }}
<table class="p">
<table>
<thead>
<tr>
<th class="tal">{{ string .Blog.Lang "year" }}</th>

Loading…
Cancel
Save