static/tgal.js (keyevent): Discard key events with spurious modifiers.

[tgal] / static / tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index aa648784adc822b950d3cc803581179d5ef130ad..a2bc7fba4399ab5aed6b43d8df507c20a8348cc1 100644 (file)
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -91,7 +91,6 @@ div.gallery {
        flex-direction: row; flex-wrap: wrap;
        align-items: start; justify-content: space-evenly;
 }
-div.gallery.medthumb { display: flex; }
 
 figure.thumb {
        display: inline-block;
@@ -123,6 +122,7 @@ figure.thumb figcaption { display: block; }
 figcaption { text-align: center; }
 figcaption span.name { font-family: sans-serif; }
 figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
+.smallthumb figcaption { font-size: 80%; }
 
 div.viewnav {
        flex-grow: 1; flex-basis: 0;
@@ -136,20 +136,21 @@ div.prev, div.next {
 }
 div.prev { left: 0%; }
 div.next { right: 0%; }
-a.prev, a.next {
-       font-size: 400%;
-       font-weight: bold;
-       background-color: #0006;
-       min-width: 1em;
-       text-align: center;
-       min-height: 3ex;
-}
+a.nav { background-color: #0006; }
+a.nav svg { display: block; }
+a.nav .fg { fill: #00c; }
+
 a.view {
        flex-grow: 1; flex-basis: 0;
        display: flex; flex-direction: column;
 }
 a:link:hover.view { background: inherit; }
 
+a.view picture {
+       display: flex; flex-direction: column;
+       flex-grow: 1; flex-basis: 0;
+}
+
 a.view img {
        min-width: 0; min-height: 0;
        max-width: 100%; max-height: 100%;
@@ -164,9 +165,9 @@ div.thumbstrip {
        flex-direction: row; align-self: center;
 }
 
-div.thumbstrip.smallthumb { display: flex; }
-div.thumbstrip.medthumb { display: none; }
-div.thumbstrip.bigthumb { display: none; }
+div.thumbstrip.smallthumb, div.gallery.smallthumb { display: flex; }
+div.thumbstrip.medthumb, div.gallery.medthumb { display: none; }
+div.thumbstrip.bigthumb, div.gallery.bigthumb { display: none; }
 @media (min-height: 1200px) and (max-height: 1599px) {
        div.thumbstrip.smallthumb { display: none; }
        div.thumbstrip.medthumb { display: flex; }
@@ -177,5 +178,15 @@ div.thumbstrip.bigthumb { display: none; }
        div.thumbstrip.medthumb { display: none; }
        div.thumbstrip.bigthumb { display: flex; }
 }
+@media (min-width: 760px) and (max-width: 1079px) {
+       div.gallery.smallthumb { display: none; }
+       div.gallery.medthumb { display: flex; }
+       div.gallery.bigthumb { display: none; }
+}
+@media (min-width: 1080px) {
+       div.gallery.smallthumb { display: none; }
+       div.gallery.medthumb { display: none; }
+       div.gallery.bigthumb { display: flex; }
+}
 
 /*----- That's all, folks -------------------------------------------------*/