Redesign of the list of administrators

This commit is contained in:
Maxim Leshchenko 2021-11-06 16:47:53 +02:00
parent 989cd8952b
commit bcdf4c6524
3 changed files with 88 additions and 33 deletions

View file

@ -109,45 +109,56 @@
<div class="content_title_expanded" onclick="hidePanel(this);"> <div class="content_title_expanded" onclick="hidePanel(this);">
{_"creator"} {_"creator"}
</div> </div>
<div style="padding:4px"> <div class="avatar-list-item" style="padding: 8px;">
{var author = $club->getOwner()} {var author = $club->getOwner()}
<ul> <div class="avatar">
<li> <a href="{$author->getURL()}">
<a href="{$author->getURL()}"><b>{$author->getCanonicalName()}</b></a> <img class="ava" src="{$author->getAvatarUrl()}" />
{if !empty($club->getOwnerComment())} </a>
<br> </div>
<b>{$club->getOwnerComment()}</b> <div class="info info-without-subtitle-centered" n:if="empty($club->getOwnerComment())">
{/if} <a href="{$author->getURL()}" class="title">{$author->getCanonicalName()}</a>
</li> </div>
</ul> <div class="info" n:if="!empty($club->getOwnerComment())">
<a href="{$author->getURL()}" class="title">{$author->getCanonicalName()}</a>
<div class="subtitle">{$club->getOwnerComment()}</div>
</div>
</div> </div>
</div> </div>
<div n:if="$club->getAdministratorsListDisplay() == 1"> <div n:if="$club->getAdministratorsListDisplay() == 1">
<div class="content_title_expanded" onclick="hidePanel(this);"> <div class="content_title_expanded" onclick="hidePanel(this);">
{_"administrators"} {_"administrators"}
</div> </div>
<div style="padding:4px"> <div>
<div class="content_subtitle">
{tr("administrators", $club->getManagersCount() + 1)}
</div>
<div class="avatar-list">
<div class="avatar-list-item">
{var author = $club->getOwner()} {var author = $club->getOwner()}
<ul> <div class="avatar">
<li> <a href="{$author->getURL()}">
<a href="{$author->getURL()}"><b>{$author->getCanonicalName()}</b></a> <img class="ava" src="{$author->getAvatarUrl()}" />
{if !empty($club->getOwnerComment())} </a>
<br> </div>
<b>{$club->getOwnerComment()}</b> <div class="info">
{/if} <a href="{$author->getURL()}" class="title">{$author->getCanonicalName()}</a>
</li> <div class="subtitle" n:if="!empty($club->getOwnerComment())">{$club->getOwnerComment()}</div>
<li n:foreach="$club->getManagers(1) as $manager"> </div>
<a href="{$manager->getUser()->getURL()}"><b>{$manager->getUser()->getCanonicalName()}</b></a> </div>
{if !empty($manager->getComment())} <div class="avatar-list-item" n:foreach="$club->getManagers(1) as $manager">
<br> {var user = $manager->getUser()}
<b>{$manager->getComment()}</b> <div class="avatar">
{/if} <a href="{$user->getURL()}">
</li> <img height="32" class="ava" src="{$user->getAvatarUrl()}" />
{var managersCount = $club->getManagersCount()} </a>
<li n:if="$managersCount > 7"> </div>
<b>{tr("and_more", $managersCount - 7)}</b> <div class="info">
</li> <a href="{$user->getURL()}" class="title">{$user->getCanonicalName()}</a>
</ul> <div class="subtitle" n:if="!empty($manager->getComment())">{$manager->getComment()}</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div n:if="$albumsCount > 0"> <div n:if="$albumsCount > 0">

View file

@ -1444,3 +1444,47 @@ body.scrolled .toTop:hover {
background-color: #f3ddbd; background-color: #f3ddbd;
color: #58462a; color: #58462a;
} }
.avatar-list {
padding: 4px 8px 4px 8px;
}
.avatar-list-item {
padding: 4px 0 4px 0;
}
.avatar-list-item::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.avatar-list-item .avatar {
float: left;
}
.avatar-list-item .avatar img {
width: 32px;
height: 32px;
object-fit: cover;
}
.avatar-list-item .info {
float: left;
padding-left: 8px;
}
.avatar-list-item .info-without-subtitle-centered {
padding-top: 8px;
}
.avatar-list-item .info .title {
font-size: 11px;
}
.avatar-list-item .info .subtitle {
color: rgb(128, 128, 128);
font-size: 10px;
}

@ -1 +1 @@
Subproject commit dc078637401a673476ef294e5fdf020948dcaba8 Subproject commit ef1b7ab803b56a02df670d91d7c22b3e509e6779