GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[CSS] Note actions re-alignment to previous position. Simplified visuals.

Browse Source
This commit is contained in:
Eliseu Amaro 2021-09-17 01:36:07 +01:00 committed by Diogo Peralta Cordeiro
parent f4ac49e7c7
commit 447372d7f6
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/assets/css/base.css
View File

@ -281,10 +281,11 @@ hr {
display: flex;
background-color: var(--translucent);
border-radius: var(--unit-size);
border: solid 2px var(--bg2);
}
.note-wrapper {
width: 100%;
height: available;
height: inherit;
}
.note-sidebar {
@ -317,13 +318,12 @@ hr {
align-items: center;
max-height: 3rem;
border: solid 2px var(--bg2);
border-bottom: unset;
border-radius: var(--unit-size) var(--unit-size) 0 0;
background-color: var(--translucent);
background: linear-gradient(to left, var(--translucent), transparent);
font-size: var(--medium-size);
padding: 5px 10px 5px 10px;
padding: 5px 10px 5px 0;
}
.note-author {
@ -345,10 +345,10 @@ hr {
background-repeat: no-repeat !important;
width: var(--main-size) !important;
height: var(--main-size) !important;
width: var(--medium-size) !important;
height: var(--medium-size) !important;
margin-top: var(--unit-size);
margin-left: var(--unit-size);
text-indent: -9999em;
}
@ -386,8 +386,6 @@ hr {
}
.note-content {
border: solid 2px var(--bg2);
border-top: unset;
border-radius: 0 0 var(--unit-size) var(--unit-size);
height: max-content;

21
templates/note/view.html.twig
View File

@ -3,6 +3,17 @@
<aside class="note-sidebar">
<img class="u-logo avatar" src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar" width="32px" height="32px">
</aside>
<div class="note-wrapper">
{# TODO: this should link to the note's user profile? #}
<div tabindex="0" title="{{ 'Begin a note by the user: ' | trans }} {{ nickname }}." class="note-info">
<strong class="note-author u-url">
{# Microformat's h-card properties indicates a face icon is a "u-logo" #}
{{ nickname }}
</strong>
{% if app.user %}
<div class="note-actions">
{% if have_user %}
@ -22,16 +33,6 @@
{% endif %}
</div>
{% endif %}
</aside>
<div class="note-wrapper">
{# TODO: this should link to the note's user profile? #}
<div tabindex="0" title="{{ 'Begin a note by the user: ' | trans }} {{ nickname }}." class="note-info">
<strong class="note-author u-url">
{# Microformat's h-card properties indicates a face icon is a "u-logo" #}
{{ nickname }}
</strong>
{% set reply_to = note.getReplyToNickname() %}
{% if reply_to is not null and not skip_reply_to is defined %}