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

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

@ -3,25 +3,6 @@
<aside class="note-sidebar"> <aside class="note-sidebar">
<img class="u-logo avatar" src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar" width="32px" height="32px"> <img class="u-logo avatar" src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar" width="32px" height="32px">
{% if app.user %}
<div class="note-actions">
{% if have_user %}
{% for current_action in get_note_actions(note) %}
{{ form_start(current_action) }}
{% if current_action.submit_favourite is defined %}
{{ form_widget(current_action.submit_favourite) }}
{% endif %}
{% if current_action.submit_repeat is defined %}
{{ form_widget(current_action.submit_repeat) }}
{% endif %}
{% if current_action.reply is defined %}
{{ form_widget(current_action.reply) }}
{% endif %}
{{ form_end(current_action) }}
{% endfor %}
{% endif %}
</div>
{% endif %}
</aside> </aside>
<div class="note-wrapper"> <div class="note-wrapper">
@ -33,6 +14,26 @@
{{ nickname }} {{ nickname }}
</strong> </strong>
{% if app.user %}
<div class="note-actions">
{% if have_user %}
{% for current_action in get_note_actions(note) %}
{{ form_start(current_action) }}
{% if current_action.submit_favourite is defined %}
{{ form_widget(current_action.submit_favourite) }}
{% endif %}
{% if current_action.submit_repeat is defined %}
{{ form_widget(current_action.submit_repeat) }}
{% endif %}
{% if current_action.reply is defined %}
{{ form_widget(current_action.reply) }}
{% endif %}
{{ form_end(current_action) }}
{% endfor %}
{% endif %}
</div>
{% endif %}
{% set reply_to = note.getReplyToNickname() %} {% set reply_to = note.getReplyToNickname() %}
{% if reply_to is not null and not skip_reply_to is defined %} {% if reply_to is not null and not skip_reply_to is defined %}
{% trans with {'%name%': reply_to} %} in reply to %name% {% endtrans %} {% trans with {'%name%': reply_to} %} in reply to %name% {% endtrans %}