css: make gallery thumbnails fully clickable

[panikweb.git] / panikweb_templates / static / css / _specifics.scss

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 4fbd4f131476c61d25c8cb45c2376e78a8fd8462..cae6371406598f821a111904746338572bd10a85 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1737,6 +1737,11 @@ div.portrait div.gallery span.gallery-legend {
        margin-top: 330px;
 }
 
+div.gallery span.image {
+       display: inline-block;
+       cursor: pointer;
+}
+
 @media screen and (max-width: 640px) {
        div.portrait div.gallery div.first img,
        div.gallery div.first img {
@@ -1765,7 +1770,7 @@ a.topik-link {
        height: 500px;
 }
 
-#fiber-content div.topikcell .topik-large a {
+#fiber-content div.cell.topik-large a {
        height: auto;
 }
 
@@ -1773,19 +1778,19 @@ div.topikcellcontent h5 {
        padding-top: 1ex;
 }
 
-div.topikcellcontent.topik-large a {
+div.topik-large div.topikcellcontent a {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: left;
 }
 
-div.topikcellcontent.topik-large img {
+div.topik-large div.topikcellcontent img {
        width: 100%;
        display: block;
 }
 
-div.topikcellcontent.topik-large a div {
+div.topik-large div.topikcellcontent a div {
        @media screen and (min-width: 760px) {
                display: flex;
        }