Merge pull request #496 from mouse-reeve/status-markup

Status markup
This commit is contained in:
Mouse Reeve 2021-01-06 21:04:34 -08:00 committed by GitHub
commit 453e17f756
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 10 deletions

View file

@ -5,6 +5,11 @@
.navbar .logo { .navbar .logo {
max-height: 50px; max-height: 50px;
} }
.card {
overflow: visible;
}
/* --- TOGGLES --- */ /* --- TOGGLES --- */
input.toggle-control { input.toggle-control {
display: none; display: none;

View file

@ -2,9 +2,9 @@
{% load humanize %} {% load humanize %}
{% if not status.deleted %} {% if not status.deleted %}
<div class="card"> <article class="card">
<header class="card-header"> <header class="card-header">
<div class="card-header-title"> <div class="card-header-title has-background-white-ter">
<div class="columns"> <div class="columns">
<div class="column is-narrow"> <div class="column is-narrow">
{% include 'snippets/status_header.html' with status=status %} {% include 'snippets/status_header.html' with status=status %}
@ -13,12 +13,12 @@
</div> </div>
</header> </header>
<div class="card-content"> <section class="card-content">
{% include 'snippets/status_content.html' with status=status %} {% include 'snippets/status_content.html' with status=status %}
</div> </section>
<footer> <footer>
<div class="card-footer"> <div class="card-footer has-background-white-bis">
<div class="card-footer-item"> <div class="card-footer-item">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<label class="button is-small" for="show-comment-{{ status.id }}"> <label class="button is-small" for="show-comment-{{ status.id }}">
@ -57,7 +57,7 @@
</div> </div>
{% if status.user == request.user %} {% if status.user == request.user %}
<div class="card-footer-item"> <div class="card-footer-item">
<label class="button" for="more-info-{{ status.id }}"> <label class="button is-small" for="more-info-{{ status.id }}">
<div class="icon icon-dots-three"> <div class="icon icon-dots-three">
<span class="is-sr-only">More options</span> <span class="is-sr-only">More options</span>
</div> </div>
@ -95,9 +95,9 @@
</div> </div>
{% endif %} {% endif %}
</footer> </footer>
</div> </article>
{% else %} {% else %}
<div class="card"> <article class="card">
<header class="card-header"> <header class="card-header">
<p> <p>
{% include 'snippets/avatar.html' with user=status.user %} {% include 'snippets/avatar.html' with user=status.user %}
@ -105,5 +105,5 @@
deleted this status deleted this status
</p> </p>
</header> </header>
</div> </article>
{% endif %} {% endif %}

View file

@ -56,7 +56,7 @@
{% if not hide_book %} {% if not hide_book %}
{% if status.book or status.mention_books.count %} {% if status.book or status.mention_books.count %}
<div class="{% if status.status_type != 'GeneratedNote' %}box{% endif %}"> <div class="{% if status.status_type != 'GeneratedNote' %}box has-background-white-bis{% endif %}">
{% if status.book %} {% if status.book %}
{% include 'snippets/book_preview.html' with book=status.book %} {% include 'snippets/book_preview.html' with book=status.book %}
{% elif status.mention_books.count %} {% elif status.mention_books.count %}