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

[CARDS][Note] Removing unnecessary elements on replies block, and fixing gaps between note-info and the note border itself

This commit is contained in:
Eliseu Amaro 2021-12-31 17:02:18 +00:00
parent 6dd31926ad
commit d7b46735ac
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
3 changed files with 12 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/Conversation/templates/reply/add_reply.html.twig
View File

@ -1,18 +0,0 @@
{% extends 'stdgrid.html.twig' %}
{% import "/cards/note/view.html.twig" as noteView %}
{% block title %}{{ 'Reply to ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('assets/default_theme/css/pages/feeds.css') }}" type="text/css">
{% endblock stylesheets %}
{% block body %}
{{ parent() }}
<div class="page">
<div class="main">
{{ noteView.macro_note_minimal(note) }}
</div>
</div>
{% endblock body %}

17
public/assets/default_theme/css/pages/feeds.css
View File

@ -14,9 +14,6 @@
.notes hr { .notes hr {
margin-top: var(--s); margin-top: var(--s);
} }
article[id^="note-anchor-"]:target {
border: 2px solid var(--accent) !important;
}
.note-wrapper { .note-wrapper {
width: 100%; width: 100%;
height: inherit; height: inherit;
@ -42,12 +39,14 @@ article[id^="note-anchor-"]:target {
margin-top: var(--s); margin-top: var(--s);
} }
.h-entry:not(embed) { .h-entry:not(embed) {
border: 2px solid var(--border) !important; box-shadow: inset 0 0 0 2px var(--border);
box-shadow: var(--shadow);
} }
.h-entry img { .h-entry img {
background: repeating-conic-gradient(#ffffff66 0deg 90deg, #ffffff33 0deg 180deg) 0 0/40px 40px round; background: repeating-conic-gradient(#ffffff66 0deg 90deg, #ffffff33 0deg 180deg) 0 0/40px 40px round;
} }
.h-entry[id^="note-anchor-"]:target {
border: 2px solid var(--accent) !important;
}
.embed { .embed {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -102,18 +101,22 @@ article[id^="note-anchor-"]:target {
padding: 0 var(--s) 0 var(--s); padding: 0 var(--s) 0 var(--s);
border-left: 1px solid var(--border); border-left: 1px solid var(--border);
} }
.replies > strong > small { .note-replies-start {
font-size: 0.937rem;
font-weight: 700;
opacity: 0.5; opacity: 0.5;
} }
.note-info, .note-info,
embed header { embed header {
display: flex; display: flex;
border-bottom: unset; border-bottom: unset;
border-radius: 0 var(--s) 0 0; border-radius: 0 2px 0 0;
line-height: initial; line-height: initial;
padding: 8px var(--s) 8px 0; padding: 8px var(--s) 8px 0;
} }
.note-info { .note-info {
margin-top: 2px;
margin-right: 2px;
background: var(--gradient-backwards); background: var(--gradient-backwards);
} }
.note-info > * { .note-info > * {

5
templates/cards/note/view.html.twig
View File

@ -35,9 +35,8 @@
{% block note_replies %} {% block note_replies %}
{% if replies is defined and replies is not empty %} {% if replies is defined and replies is not empty %}
<div class="u-in-reply-to replies" tabindex="0" <div class="u-in-reply-to replies">
title="{{ 'Begin replies to ' | trans }}{{ nickname }}{{ '\'s note!' | trans }}"> <span class="note-replies-start" tabindex="0">{{ 'Replies to ' | trans }}{{ nickname }}{{ '\'s note' | trans }}</span>
<strong><small>{{ 'Replies to ' | trans }}{{ nickname }}</small></strong>
{% for conversation in replies %} {% for conversation in replies %}
{{ _self.macro_note(conversation['note'], conversation['replies']) }} {{ _self.macro_note(conversation['note'], conversation['replies']) }}
<hr tabindex="0" title="{{ 'End of reply' | trans }}"> <hr tabindex="0" title="{{ 'End of reply' | trans }}">