diff --git a/make-pages/IndexPage.hs b/make-pages/IndexPage.hs index acabc27..fdc5372 100644 --- a/make-pages/IndexPage.hs +++ b/make-pages/IndexPage.hs @@ -16,6 +16,8 @@ make' root (IndexInfo {title, desc, galleries, links, footer}) = [b|@0 + + diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css index 759ae6e..94cb0bd 100644 --- a/style/shiny/gallery.css +++ b/style/shiny/gallery.css @@ -197,7 +197,7 @@ footer { } -@media (hover) { +@media (hover) and (pointer: fine) { .item:hover .date, .item:hover .title, .item:hover::before, .item:hover::after { filter: opacity(20%); @@ -228,7 +228,7 @@ footer { } } -@media (hover: none) { +@media (not hover), (pointer: coarse) { .item:not(.year-marker) { height: min-content; } @@ -237,6 +237,13 @@ footer { position: initial; } + figcaption .date { + border-bottom: none; + } + figcaption .title { + border-top: none; + } + figcaption .date::after { content: ':'; } diff --git a/style/shiny/index.css b/style/shiny/index.css index bb620bf..498b262 100644 --- a/style/shiny/index.css +++ b/style/shiny/index.css @@ -97,7 +97,7 @@ main { } } -@media not (hover) { +@media (not hover), (pointer: coarse) { .list a::after { content: attr(title); display: block; diff --git a/style/shiny/nsfw-warning.css b/style/shiny/nsfw-warning.css index 679d44a..5b3fe01 100644 --- a/style/shiny/nsfw-warning.css +++ b/style/shiny/nsfw-warning.css @@ -53,6 +53,9 @@ .dialog-buttons { grid-area: buttons; justify-self: center; + + display: flex; + justify-content: center; } .dialog button + button { @@ -76,3 +79,9 @@ button.yes { button.no { background: hsl(5deg, 70%, 80%); } + +@media (pointer: coarse) { + button { + font-size: 150%; + } +}