forked from indymedia/epicyon
Improve media grid
parent
31e33b8f46
commit
d1d6f9665b
|
@ -68,11 +68,6 @@ a:link {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fill {object-fit: fill;}
|
|
||||||
.contain {object-fit: contain;}
|
|
||||||
.cover {object-fit: cover;}
|
|
||||||
.scale-down {object-fit: scale-down;}
|
|
||||||
|
|
||||||
.cwText {
|
.cwText {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -568,10 +563,6 @@ input[type=checkbox]
|
||||||
transform: translateY(10%);
|
transform: translateY(10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.galleryContainer {
|
|
||||||
background-color: var(--main-bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.gallery:hover {
|
div.gallery:hover {
|
||||||
border: 1px solid var(--gallery-hover);
|
border: 1px solid var(--gallery-hover);
|
||||||
}
|
}
|
||||||
|
@ -594,6 +585,12 @@ div.gallery img {
|
||||||
body, html {
|
body, html {
|
||||||
font-size: var(--font-size4);
|
font-size: var(--font-size4);
|
||||||
}
|
}
|
||||||
|
.galleryContainer {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto;
|
||||||
|
grid-column-gap: 5px;
|
||||||
|
background-color: var(--main-bg-color);
|
||||||
|
}
|
||||||
div.gallerytext {
|
div.gallerytext {
|
||||||
color: var(--gallery-text-color);
|
color: var(--gallery-text-color);
|
||||||
font-size: var(--gallery-font-size);
|
font-size: var(--gallery-font-size);
|
||||||
|
@ -602,7 +599,8 @@ div.gallery img {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
border: 1px solid var(--gallery-border);
|
border: 1px solid var(--gallery-border);
|
||||||
float: left;
|
float: left;
|
||||||
width: 49%;
|
width: 100%;
|
||||||
|
object-fit: scale-down;
|
||||||
}
|
}
|
||||||
div.imagedesc {
|
div.imagedesc {
|
||||||
padding: 22px;
|
padding: 22px;
|
||||||
|
@ -901,6 +899,9 @@ div.gallery img {
|
||||||
color: var(--gallery-text-color);
|
color: var(--gallery-text-color);
|
||||||
font-size: var(--gallery-font-size-mobile);
|
font-size: var(--gallery-font-size-mobile);
|
||||||
}
|
}
|
||||||
|
.galleryContainer {
|
||||||
|
background-color: var(--main-bg-color);
|
||||||
|
}
|
||||||
div.gallery {
|
div.gallery {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
border: 1px solid var(--gallery-border);
|
border: 1px solid var(--gallery-border);
|
||||||
|
|
|
@ -2347,7 +2347,7 @@ def individualPostAsHtml(recentPostsCache: {},maxRecentPosts: int, \
|
||||||
if boxName=='tlmedia':
|
if boxName=='tlmedia':
|
||||||
galleryStr+='<div class="gallery">\n'
|
galleryStr+='<div class="gallery">\n'
|
||||||
galleryStr+=' <a href="'+attach['url']+'">\n'
|
galleryStr+=' <a href="'+attach['url']+'">\n'
|
||||||
galleryStr+=' <img loading="lazy" class="contain" src="'+attach['url']+'" alt="" title="">\n'
|
galleryStr+=' <img loading="lazy" src="'+attach['url']+'" alt="" title="">\n'
|
||||||
galleryStr+=' </a>\n'
|
galleryStr+=' </a>\n'
|
||||||
if postJsonObject['object'].get('url'):
|
if postJsonObject['object'].get('url'):
|
||||||
imagePostUrl=postJsonObject['object']['url']
|
imagePostUrl=postJsonObject['object']['url']
|
||||||
|
|
Loading…
Reference in New Issue