mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-12-22 16:16:39 +00:00
Adds titles to icons
This commit is contained in:
parent
aa7320ffe0
commit
b1cdddd1a2
11 changed files with 28 additions and 46 deletions
|
@ -9,7 +9,7 @@
|
||||||
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
|
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
|
||||||
<div class="column is-narrow">
|
<div class="column is-narrow">
|
||||||
<a href="{{ author.local_path }}/edit">
|
<a href="{{ author.local_path }}/edit">
|
||||||
<span class="icon icon-pencil">
|
<span class="icon icon-pencil" title="Edit Author">
|
||||||
<span class="is-sr-only">Edit Author</span>
|
<span class="is-sr-only">Edit Author</span>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
|
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
|
||||||
<div class="column is-narrow">
|
<div class="column is-narrow">
|
||||||
<a href="{{ book.id }}/edit">
|
<a href="{{ book.id }}/edit">
|
||||||
<span class="icon icon-pencil">
|
<span class="icon icon-pencil" title="Edit Book">
|
||||||
<span class="is-sr-only">Edit Book</span>
|
<span class="is-sr-only">Edit Book</span>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -1,25 +1,16 @@
|
||||||
{% extends 'layout.html' %}
|
{% extends 'layout.html' %}
|
||||||
{% load humanize %}
|
{% load humanize %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="block">
|
<header class="block">
|
||||||
<div class="level">
|
<h1 class="title level-left">
|
||||||
<h1 class="title level-left">
|
Edit "{{ author.name }}"
|
||||||
Edit "{{ author.name }}"
|
</h1>
|
||||||
</h1>
|
|
||||||
<div class="level-right">
|
|
||||||
<a href="/author/{{ author.id }}">
|
|
||||||
<span class="edit-link icon icon-close">
|
|
||||||
<span class="is-sr-only">Close</span>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<p>Added: {{ author.created_date | naturaltime }}</p>
|
<p>Added: {{ author.created_date | naturaltime }}</p>
|
||||||
<p>Updated: {{ author.updated_date | naturaltime }}</p>
|
<p>Updated: {{ author.updated_date | naturaltime }}</p>
|
||||||
<p>Last edited by: <a href="{{ author.last_edited_by.remote_id }}">{{ author.last_edited_by.display_name }}</a></p>
|
<p>Last edited by: <a href="{{ author.last_edited_by.remote_id }}">{{ author.last_edited_by.display_name }}</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</header>
|
||||||
|
|
||||||
{% if form.non_field_errors %}
|
{% if form.non_field_errors %}
|
||||||
<div class="block">
|
<div class="block">
|
||||||
|
|
|
@ -1,25 +1,16 @@
|
||||||
{% extends 'layout.html' %}
|
{% extends 'layout.html' %}
|
||||||
{% load humanize %}
|
{% load humanize %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="block">
|
<header class="block">
|
||||||
<div class="level">
|
<h1 class="title level-left">
|
||||||
<h1 class="title level-left">
|
Edit "{{ book.title }}"
|
||||||
Edit "{{ book.title }}"
|
</h1>
|
||||||
</h1>
|
|
||||||
<div class="level-right">
|
|
||||||
<a href="/book/{{ book.id }}">
|
|
||||||
<span class="edit-link icon icon-close">
|
|
||||||
<span class="is-sr-only">Close</span>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<p>Added: {{ book.created_date | naturaltime }}</p>
|
<p>Added: {{ book.created_date | naturaltime }}</p>
|
||||||
<p>Updated: {{ book.updated_date | naturaltime }}</p>
|
<p>Updated: {{ book.updated_date | naturaltime }}</p>
|
||||||
<p>Last edited by: <a href="{{ book.last_edited_by.remote_id }}">{{ book.last_edited_by.display_name }}</a></p>
|
<p>Last edited by: <a href="{{ book.last_edited_by.remote_id }}">{{ book.last_edited_by.display_name }}</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</header>
|
||||||
|
|
||||||
{% if form.non_field_errors %}
|
{% if form.non_field_errors %}
|
||||||
<div class="block">
|
<div class="block">
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<button class="button" type="submit">
|
<button class="button" type="submit">
|
||||||
<span class="icon icon-search">
|
<span class="icon icon-search" title="Search">
|
||||||
<span class="is-sr-only">search</span>
|
<span class="is-sr-only">search</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -43,7 +43,7 @@
|
||||||
|
|
||||||
<label for="main-nav" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNav" onclick="toggleMenu(this)" tabindex="0">
|
<label for="main-nav" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNav" onclick="toggleMenu(this)" tabindex="0">
|
||||||
<div class="navbar-item mt-3">
|
<div class="navbar-item mt-3">
|
||||||
<div class="icon icon-dots-three-vertical">
|
<div class="icon icon-dots-three-vertical" title="Main navigation menu">
|
||||||
<span class="is-sr-only">Main navigation menu</span>
|
<span class="is-sr-only">Main navigation menu</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -110,7 +110,7 @@
|
||||||
<a href="/notifications">
|
<a href="/notifications">
|
||||||
<div class="tags has-addons">
|
<div class="tags has-addons">
|
||||||
<span class="tag is-medium">
|
<span class="tag is-medium">
|
||||||
<span class="icon icon-bell">
|
<span class="icon icon-bell" title="Notifications">
|
||||||
<span class="is-sr-only">Notifications</span>
|
<span class="is-sr-only">Notifications</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<form name="boost" action="/boost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} {% if request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
|
<form name="boost" action="/boost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} {% if request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="button is-small" type="submit" {% if not status.boostable %}disabled{% endif %}>
|
<button class="button is-small" type="submit" {% if not status.boostable %}disabled{% endif %}>
|
||||||
<span class="icon icon-boost">
|
<span class="icon icon-boost" title="Boost status">
|
||||||
<span class="is-sr-only">Boost status</span>
|
<span class="is-sr-only">Boost status</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -12,7 +12,7 @@
|
||||||
<form name="unboost" action="/unboost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} active {% if not request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
|
<form name="unboost" action="/unboost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} active {% if not request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="button is-small is-success" type="submit">
|
<button class="button is-small is-success" type="submit">
|
||||||
<span class="icon icon-boost">
|
<span class="icon icon-boost" title="Un-boost status">
|
||||||
<span class="is-sr-only">Un-boost status</span>
|
<span class="is-sr-only">Un-boost status</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<form name="favorite" action="/favorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} {% if request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
|
<form name="favorite" action="/favorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} {% if request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="button is-small" type="submit">
|
<button class="button is-small" type="submit">
|
||||||
<span class="icon icon-heart">
|
<span class="icon icon-heart" title="Like status">
|
||||||
<span class="is-sr-only">Like status</span>
|
<span class="is-sr-only">Like status</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
<form name="unfavorite" action="/unfavorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} active {% if not request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
|
<form name="unfavorite" action="/unfavorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} active {% if not request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="button is-success is-small" type="submit">
|
<button class="button is-success is-small" type="submit">
|
||||||
<span class="icon icon-heart">
|
<span class="icon icon-heart" title="Un-like status">
|
||||||
<span class="is-sr-only">Un-like status</span>
|
<span class="is-sr-only">Un-like status</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -1,17 +1,17 @@
|
||||||
{% if item.privacy == 'public' %}
|
{% if item.privacy == 'public' %}
|
||||||
<span class="icon icon-globe">
|
<span class="icon icon-globe" title="Public post">
|
||||||
<span class="is-sr-only">Public post</span>
|
<span class="is-sr-only">Public post</span>
|
||||||
</span>
|
</span>
|
||||||
{% elif item.privacy == 'unlisted' %}
|
{% elif item.privacy == 'unlisted' %}
|
||||||
<span class="icon icon-unlock">
|
<span class="icon icon-unlock" title="Unlisted post">
|
||||||
<span class="is-sr-only">Unlisted post</span>
|
<span class="is-sr-only">Unlisted post</span>
|
||||||
</span>
|
</span>
|
||||||
{% elif item.privacy == 'followers' %}
|
{% elif item.privacy == 'followers' %}
|
||||||
<span class="icon icon-lock">
|
<span class="icon icon-lock" title="Followers-only post">
|
||||||
<span class="is-sr-only">Followers-only post</span>
|
<span class="is-sr-only">Followers-only post</span>
|
||||||
</span>
|
</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
<span class="icon icon-envelope">
|
<span class="icon icon-envelope" title="Private post">
|
||||||
<span class="is-sr-only">Private post</span>
|
<span class="is-sr-only">Private post</span>
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
@ -27,15 +27,15 @@
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="/login">
|
<a href="/login">
|
||||||
<span class="icon icon-comment">
|
<span class="icon icon-comment" title="Reply">
|
||||||
<span class="is-sr-only">Reply</span>
|
<span class="is-sr-only">Reply</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="icon icon-boost">
|
<span class="icon icon-boost" title="Boost status">
|
||||||
<span class="is-sr-only">Boost status</span>
|
<span class="is-sr-only">Boost status</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="icon icon-heart">
|
<span class="icon icon-heart" title="Like status">
|
||||||
<span class="is-sr-only">Like status</span>
|
<span class="is-sr-only">Like status</span>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button">
|
<label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button">
|
||||||
{% if icon %}
|
{% if icon %}
|
||||||
<span class="icon icon-{{ icon }}">
|
<span class="icon icon-{{ icon }}" title="{{ text }}">
|
||||||
<span class="is-sr-only">{{ text }}</span>
|
<span class="is-sr-only">{{ text }}</span>
|
||||||
</span>
|
</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
{% if is_self %}
|
{% if is_self %}
|
||||||
<div class="column is-narrow">
|
<div class="column is-narrow">
|
||||||
<a href="/user-edit/">
|
<a href="/user-edit/">
|
||||||
<span class="icon icon-pencil">
|
<span class="icon icon-pencil" title="Edit profile">
|
||||||
<span class="is-sr-only">Edit profile</span>
|
<span class="is-sr-only">Edit profile</span>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in a new issue