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

Browse Source
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 {
margin-top: var(--s);
}
article[id^="note-anchor-"]:target {
border: 2px solid var(--accent) !important;
}
.note-wrapper {
width: 100%;
height: inherit;
@ -42,12 +39,14 @@ article[id^="note-anchor-"]:target {
margin-top: var(--s);
}
.h-entry:not(embed) {
border: 2px solid var(--border) !important;
box-shadow: var(--shadow);
box-shadow: inset 0 0 0 2px var(--border);
}
.h-entry img {
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 {
display: flex;
flex-wrap: wrap;
@ -102,18 +101,22 @@ article[id^="note-anchor-"]:target {
padding: 0 var(--s) 0 var(--s);
border-left: 1px solid var(--border);
}
.replies > strong > small {
.note-replies-start {
font-size: 0.937rem;
font-weight: 700;
opacity: 0.5;
}
.note-info,
embed header {
display: flex;
border-bottom: unset;
border-radius: 0 var(--s) 0 0;
border-radius: 0 2px 0 0;
line-height: initial;
padding: 8px var(--s) 8px 0;
}
.note-info {
margin-top: 2px;
margin-right: 2px;
background: var(--gradient-backwards);
}
.note-info > * {

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

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