From 18838f4a1bbd9bfecf9384f4b1437eebca0eda75 Mon Sep 17 00:00:00 2001 From: =?utf8?q?David=20=E2=80=98Bombe=E2=80=99=20Roden?= Date: Sun, 24 Mar 2024 17:10:04 +0100 Subject: [PATCH] =?utf8?q?=F0=9F=92=84=20Make=20section=20headers=20sticky?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Unfortunately, it will not be displayed that way in either Mail.app on macOS nor in Samsung Email on Android. --- .../net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt index d434ac5..ae08995 100644 --- a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt +++ b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt @@ -35,7 +35,7 @@ class MovieState(@JsonProperty val movies: Collection, val newMovies: Col style("text/css") { unsafe { +"html { font-family: 'Recursive Sans Linear Static', Roboto, serif; }" - +"section.new-movies > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }" + +"section.new-movies > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; position: sticky; top: 0px; }" +"section.new-movies ul { padding: 0; margin: 0; }" +"section.new-movies li.movie { list-style: none; display: grid; margin: 1ex 1ex 1ex 0ex; grid-template-columns: 250px auto; }" +"section.new-movies li.movie img { grid-area: 1/1/2/2; height: 353px; }" @@ -45,7 +45,7 @@ class MovieState(@JsonProperty val movies: Collection, val newMovies: Col +"section.daily-programmes ol { padding: 0; }" +"section.daily-programmes li { list-style: none; }" - +"section.daily-programmes li.day > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }" + +"section.daily-programmes li.day > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; position: sticky; top: 0px; }" +"section.daily-programmes li .performances { border-top: 1ex; }" +"section.daily-programmes li.performance { display: inline-block; margin: 1ex 1ex 1ex 0ex; }" +"section.daily-programmes li.performance a { text-decoration: none; color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: grid; width: 250px; height: 353px; grid-template-rows: 0fr 0fr 1fr 0fr; grid-template-columns: 250px; }" -- 2.7.4