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

This commit is contained in:
Eliseu Amaro 2021-09-17 01:36:07 +01:00 committed by Diogo Peralta Cordeiro
parent f4ac49e7c7
commit 447372d7f6
No known key found for this signature in database
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 27 additions and 28 deletions

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;

View File

@ -3,25 +3,6 @@
<aside class="note-sidebar">
<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>
<div class="note-wrapper">
@ -33,6 +14,26 @@
{{ nickname }}
</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() %}
{% if reply_to is not null and not skip_reply_to is defined %}
{% trans with {'%name%': reply_to} %} in reply to %name% {% endtrans %}