diff options
| author | Camil Staps | 2025-02-08 08:24:13 +0100 |
|---|---|---|
| committer | Camil Staps | 2025-02-08 08:24:13 +0100 |
| commit | 9389af6c782428c9ebf6311b599625d2e943e8bf (patch) | |
| tree | 0316280b8a33336061adfb68d1449f01ba313af0 /resources | |
| parent | Add Taaldag slides; update conference statistics (diff) | |
Layout improvements for small screens
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/pug/finals/index.pug | 6 | ||||
| -rw-r--r-- | resources/sass/style.scss | 40 |
2 files changed, 41 insertions, 5 deletions
diff --git a/resources/pug/finals/index.pug b/resources/pug/finals/index.pug index 60361d2..546f1c8 100644 --- a/resources/pug/finals/index.pug +++ b/resources/pug/finals/index.pug @@ -32,11 +32,11 @@ block content h1 | Camil Staps  small.text-muted - span.nowrap [kaˈmil stɑps] + span [kaˈmil stɑps] span   - span.nowrap he/his + span he/his p - span.tt.obfuscate + span.tt.obfuscate.wrap-anywhere | info@c span dummy | amilst diff --git a/resources/sass/style.scss b/resources/sass/style.scss index b1a2075..874ed83 100644 --- a/resources/sass/style.scss +++ b/resources/sass/style.scss @@ -99,8 +99,8 @@ body { font-size: larger; } -.nowrap { - white-space: nowrap; +.wrap-anywhere { + word-wrap: anywhere; /* utlity to prevent horizontal scrolling on small screens */ } abbr { @@ -183,6 +183,42 @@ table { margin-bottom: 6px; } +@media (max-width: 1269px) { + table.main_table { + tr { + display: block; + } + + td:first-child { + display: block; + font-weight: bold; + min-width: unset !important; + text-align: initial !important; + } + + td.icon { + min-width: 1.5em; + } + + &.presentations > tbody > tr { + padding-bottom: 1ex; + + td:nth-child(2) { + display: inline; + padding-right: 0; + + &:after { + content: ': '; + } + } + + td:last-child { + display: inline; + } + } + } +} + span.sc { font-variant-caps: small-caps; } |