Notes: Update layout (beta)

This commit is contained in:
KosFurler 2022-01-25 22:26:19 +03:00
parent 62d5d97857
commit 954b9f350d
2 changed files with 19 additions and 8 deletions

View file

@ -35,7 +35,7 @@
} }
</style> </style>
<article id="userContent" style="min-height: 300pt;margin: 10px;"> <article id="userContent" style="margin: 10px 10px 0;">
<div class="note_header"> <div class="note_header">
<div class="note_title"> <div class="note_title">
<div class="note_title"> <div class="note_title">
@ -46,11 +46,19 @@
<span><a href="{$author->getURL()}">{$author->getCanonicalName()}</a></span> {$note->getPublicationTime()} <span><a href="{$author->getURL()}">{$author->getCanonicalName()}</a></span> {$note->getPublicationTime()}
</div> </div>
</div> </div>
<div style="margin-left: 6px;"> <div style="margin-left: 6px; width: 535px;">
{$note->getText()|noescape} {$note->getText()|noescape}
</div> </div>
</article> </article>
<div class="note_footer">
<div class="comments_count">Комментарии ({$note->getCommentsCount()})
<span n:if="isset($thisUser) && $thisUser->getId() === $note->getOwner()->getId()">&nbsp;|&nbsp;
<a id="_noteDelete" href="/note{$note->getOwner()->getId()}_{$note->getId()}/delete">удалить</a>
</span>
</div>
</div>
<div style="width: 100%; min-height: 100px;"> <div style="width: 100%; min-height: 100px;">
<div style="float: left; min-height: 100px; width: 70%;"> <div style="float: left; min-height: 100px; width: 70%;">
{include "../components/comments.xml", {include "../components/comments.xml",
@ -60,11 +68,5 @@
model => "notes", model => "notes",
parent => $note} parent => $note}
</div> </div>
<div style="float: right; min-height: 100px; width: 30%;">
<h4>{_actions}</h4>
<div n:if="isset($thisUser) && $thisUser->getId() === $note->getOwner()->getId()">
<a id="_noteDelete" href="/note{$note->getOwner()->getId()}_{$note->getId()}/delete" class="profile_link" style="display:block;width:96%;">{_delete}</a>
</div>
</div>
</div> </div>
{/block} {/block}

View file

@ -1820,3 +1820,12 @@ body.scrolled .toTop:hover {
margin: 0; margin: 0;
padding: 0 0 1px 0; padding: 0 0 1px 0;
} }
.note_footer {
border-top: 1px solid #ddd;
clear: both;
margin-top: 10px;
padding: 0px 2px 0px 6px;
}
.comments_count {
padding: 5px 0px 0px 0px;
}