Videos: Redesign preview and list

This commit is contained in:
veselcraft 2022-02-22 13:44:13 +03:00
parent 533ac20e92
commit 21b16dd7a4
No known key found for this signature in database
GPG key ID: AED66BC1AC628A4E
4 changed files with 24 additions and 7 deletions

View file

@ -33,9 +33,11 @@
{/block} {/block}
{block preview} {block preview}
<img src="{$x->getThumbnailURL()}" <div class="video-preview">
alt="{$x->getName()}" <img src="{$x->getThumbnailURL()}"
style="max-height: 43pt; max-width: 140px; height: unset; width: unset; border-radius: unset;" /> alt="{$x->getName()}"
style="max-width: 170px; max-height: 127px; margin: auto;" />
</div>
{/block} {/block}
{block name} {block name}
@ -43,7 +45,13 @@
{/block} {/block}
{block description} {block description}
<span>{$x->getDescription() ?? ""}</span><br/> <p>
<span>{$x->getDescription() ?? ""}</span>
</p>
<span style="color: grey;">{_"video_uploaded"} {$x->getPublicationTime()}</span><br/> <span style="color: grey;">{_"video_uploaded"} {$x->getPublicationTime()}</span><br/>
<span style="color: grey;">{_"video_updated"} {$x->getEditTime() ?? $x->getPublicationTime()}</span> <span style="color: grey;">{_"video_updated"} {$x->getEditTime() ?? $x->getPublicationTime()}</span>
<p>
<a href="/video{$x->getPrettyId()}">{_view_video}</a>
{if $x->getCommentsCount() > 0}| <a href="/video{$x->getPrettyId()}#comments">{_"comments"} ({$x->getCommentsCount()})</a>{/if}
</p>
{/block} {/block}

View file

@ -35,6 +35,10 @@ a {
cursor: pointer; cursor: pointer;
} }
p {
margin: 5px 0;
}
.layout { .layout {
width: 791px; width: 791px;
margin: 0 auto; margin: 0 auto;
@ -1559,13 +1563,14 @@ body.scrolled .toTop:hover {
padding: 0 6px; padding: 0 6px;
} }
.ovk-video>.preview { .ovk-video>.preview, .video-preview {
width: 170px; width: 170px;
height: 127px; height: 127px;
border: 1px solid #ccc;
align-content: center; align-content: center;
display: flex; display: flex;
padding: 1px; padding: 2px;
box-shadow: inset 0 0 0px 1px #ccc, inset 0 0 0px 2px #fff;
background-color: #000;
} }
#wallAttachmentMenu { #wallAttachmentMenu {

View file

@ -513,6 +513,8 @@
"videos_one" = "$1 video"; "videos_one" = "$1 video";
"videos_other" = "$1 videos"; "videos_other" = "$1 videos";
"view_video" = "View";
/* Notifications */ /* Notifications */
"feedback" = "Feedback"; "feedback" = "Feedback";

View file

@ -543,6 +543,8 @@
"videos_many" = "$1 видеозаписей"; "videos_many" = "$1 видеозаписей";
"videos_other" = "$1 видеозаписей"; "videos_other" = "$1 видеозаписей";
"view_video" = "Просмотр";
/* Notifications */ /* Notifications */
"feedback" = "Ответы"; "feedback" = "Ответы";