marijo/movmaker-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust desktop/mobile article layout and restore video/map ordering in admin/public views

Browse source
This commit is contained in:
hbrain 2026-05-31 15:31:43 +02:00
parent 5408aba01a
commit f95b5d4f0b
2 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

27
index.php
View file

@ -203,11 +203,23 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : [];
.filter-submit .icon{font-size:1.02rem;line-height:1;transform:translateY(.01em)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.filter-summary{color:#A0A4AB;font-size:.9rem;margin:0 0 .8rem}
.video-row-head{grid-column:1 / -1;margin:0 0 .15rem}
.video-row-title{font-size:1.35rem;line-height:1.2;margin:.1rem 0 .45rem;color:#F3F4F6}
.video-row-head .meta{margin:0 0 .45rem}
.video-row-title{font-size:1.35rem;line-height:1.2;color:#F3F4F6}
.video-row-head-mobile{display:none}
.video-info .video-row-title{margin:0 0 .35rem}
.video-info .meta{margin:0 0 .45rem}
#videos .video-wrapper{align-self:start}
#videos .video-info{align-self:start}
#videos .video-info .description{margin-top:0}
.meta a{color:inherit;text-decoration:none}
.meta a:hover{text-decoration:underline}
@media (max-width:900px){
.video-row-head-mobile{display:block;grid-column:1 / -1;margin:0 0 .05rem}
#videos .video-wrapper{grid-column:1 / -1}
#videos .video-info{grid-column:1 / -1}
.video-info .video-row-title.video-row-title-desktop,
.video-info .meta.meta-desktop{display:none}
#videos .video-info .description{margin-top:.8rem}
}
</style>
</head>
<body>
@ -242,7 +254,7 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : [];
?>
<article class="video-row">
<time class="created-at" datetime="<?=h(date('c', filemtime($v)))?>"><?=h(date('d.m.Y H:i', filemtime($v)))?></time>
<div class="video-row-head">
<div class="video-row-head video-row-head-mobile">
<h2 class="video-row-title"><?=h($m['title'])?></h2>
<p class="meta">
<span><a href="<?=h($dateFilterUrl)?>"><?=h($m['date'])?></a></span>
@ -259,6 +271,11 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : [];
<?php endif; ?>
</div>
<div class="video-info">
<h2 class="video-row-title video-row-title-desktop"><?=h($m['title'])?></h2>
<p class="meta meta-desktop">
<span><a href="<?=h($dateFilterUrl)?>"><?=h($m['date'])?></a></span>
<?php if(!empty($m['location'])): ?><span><a href="<?=h($locFilterUrl)?>"><?=h($m['location'])?></a></span><?php endif; ?>
</p>
<?php if(!empty($m['description'])): ?><p class="description"><?=nl2br(h($m['description']), false)?></p><?php endif; ?>
</div>
</article>
@ -305,6 +322,6 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : [];
});
})();
</script>
<script src="js/map_lightbox.js?v=20260531c" defer></script>
<script src="js/map_lightbox.js?v=20260531b" defer></script>
</body>
</html>