yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Split css (#1959)

Browse Source 
Divides the css into sub-files and normalizes how colors are defined.

Co-authored-by: Joachim <joachim.robert@protonmail.com>
This commit is contained in:
Mouse Reeve
2022-02-19 16:34:17 -08:00
committed by GitHub
parent 6daaffeaa7
commit c77e5a1a90
54 changed files with 1670 additions and 1524 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
bookwyrm/templates/about/about.html
View File

@ -19,7 +19,7 @@
{% blocktrans with site_name=site.name %}Welcome to {{ site_name }}!{% endblocktrans %}
</h2>
<p class="subtitle notification has-background-primary-light">
<p class="subtitle notification has-background-primary-highlight">
{% blocktrans trimmed with site_name=site.name %}
{{ site_name }} is part of <em>BookWyrm</em>, a network of independent, self-directed communities for readers.
While you can interact seamlessly with users anywhere in the <a href="https://joinbookwyrm.com/instances/" target="_blank">BookWyrm network</a>, this community is unique.
@ -107,7 +107,7 @@
<div class="column">
<div class="card is-stretchable">
{% with role=user.groups.first.name %}
<div class="card-header {% if role == "moderator" %}has-background-info-light{% else %}has-background-success-light{% endif %}">
<div class="card-header {% if role == "moderator" %}has-background-info-highlight{% else %}has-background-success-highlight{% endif %}">
<span class="card-header-title is-size-7 pt-1 pb-1">
{% if role == "moderator" %}
{% trans "Moderator" %}
@ -123,7 +123,7 @@
</div>
{% if request.user.is_authenticated and user.id != request.user.id %}
<div class="has-background-white-bis card-footer">
<div class="has-background-tertiary card-footer">
<div class="card-footer-item">
{% include 'snippets/follow_button.html' with user=user minimal=True %}
</div>

2
bookwyrm/templates/components/card.html
View File

@ -11,7 +11,7 @@
</section>
{% endif %}
<footer class="card-footer has-background-white-bis">
<footer class="card-footer has-background-tertiary">
{% block card-footer %}
{% endblock %}
</footer>

2
bookwyrm/templates/components/inline_form.html
View File

@ -1,6 +1,6 @@
{% load i18n %}
<section class="card {% if not visible %}is-hidden {% endif %}{{ class }}" id="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}">
<header class="card-header has-background-white-ter">
<header class="card-header has-background-secondary">
<h2 class="card-header-title" tabindex="0" id="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}_header">
{% block header %}{% endblock %}
</h2>

2
bookwyrm/templates/components/tooltip.html
View File

@ -1,7 +1,7 @@
{% load i18n %}
{% trans "Help" as button_text %}
{% include 'snippets/toggle/open_button.html' with text=button_text class="ml-3 is-rounded is-small is-white p-0 pb-1" icon="question-circle is-size-6" controls_text=controls_text controls_uid=controls_uid %}
{% include 'snippets/toggle/open_button.html' with text=button_text class="ml-3 is-rounded is-small has-background-body p-0 pb-1" icon="question-circle is-size-6" controls_text=controls_text controls_uid=controls_uid %}
<aside class="tooltip notification is-hidden transition-y is-pulled-left mb-2" id="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}">
{% trans "Close" as button_text %}

2
bookwyrm/templates/discover/discover.html
View File

@ -15,7 +15,7 @@
</p>
</header>
{% with tile_classes="tile is-child box has-background-white-ter is-clipped" %}
{% with tile_classes="tile is-child box has-background-secondary is-clipped" %}
<div class="tile is-ancestor">
<div class="tile is-6 is-parent">
<div class="{{ tile_classes }}">

2
bookwyrm/templates/discover/large-book.html
View File

@ -45,7 +45,7 @@
{% include 'snippets/follow_button.html' with user=status.user show_username=True minimal=True %}
</div>
<div class="notification has-background-white p-2 mb-2 clip-text">
<div class="notification has-background-body p-2 mb-2 clip-text">
{% include "snippets/status/content_status.html" with hide_book=True trim_length=70 hide_more=True %}
</div>
<a href="{{ status.remote_id }}">

2
bookwyrm/templates/groups/members.html
View File

@ -37,7 +37,7 @@
<div class="is-multiline is-flex is-flex-grow-0 is-flex-wrap-wrap">
{% for membership in group.memberships.all %}
{% with member=membership.user %}
<div class="box has-text-centered is-shadowless has-background-white-bis my-2 mx-2 member_{{ member.id }}">
<div class="box has-text-centered is-shadowless has-background-tertiary my-2 mx-2 member_{{ member.id }}">
<a href="{{ member.local_path }}" class="has-text-black">
{% include 'snippets/avatar.html' with user=member large=True %}
<span title="{{ member.display_name }}" class="is-block is-6 has-text-weight-bold">{{ member.display_name|truncatechars:10 }}</span>

2
bookwyrm/templates/groups/suggested_users.html
View File

@ -8,7 +8,7 @@
</h2>
<div class="column is-flex is-flex-grow-0">
{% for user in suggested_users %}
<div class="box has-text-centered is-shadowless has-background-white-bis m-2">
<div class="box has-text-centered is-shadowless has-background-tertiary m-2">
<a href="{{ user.local_path }}" class="has-text-black">
{% include 'snippets/avatar.html' with user=user large=True %}
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>

12
bookwyrm/templates/landing/landing.html
View File

@ -15,18 +15,18 @@
<section class="tile is-ancestor">
<div class="tile is-vertical is-6">
<div class="tile is-parent">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/large-book.html' with book=books.0 %}
</div>
</div>
<div class="tile">
<div class="tile is-parent is-6">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/small-book.html' with book=books.1 %}
</div>
</div>
<div class="tile is-parent is-6">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/small-book.html' with book=books.2 %}
</div>
</div>
@ -35,18 +35,18 @@
<div class="tile is-vertical is-6">
<div class="tile">
<div class="tile is-parent is-6">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/small-book.html' with book=books.3 %}
</div>
</div>
<div class="tile is-parent is-6">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/small-book.html' with book=books.4 %}
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box has-background-white-ter">
<div class="tile is-child box has-background-secondary">
{% include 'landing/large-book.html' with book=books.5 %}
</div>
</div>

2
bookwyrm/templates/landing/layout.html
View File

@ -78,7 +78,7 @@
{% endif %}
</div>
{% else %}
<div class="tile is-child box has-background-white-bis">
<div class="tile is-child box has-background-tertiary">
<h2 class="title is-4">{% trans "Your Account" %}</h2>
{% include 'user/user_preview.html' with user=request.user %}
{% if request.user.summary %}

2
bookwyrm/templates/lists/list.html
View File

@ -115,7 +115,7 @@
</div>
{% endif %}
</div>
<div class="card-footer is-stacked-mobile has-background-white-bis is-align-items-stretch">
<div class="card-footer is-stacked-mobile has-background-tertiary is-align-items-stretch">
<div class="card-footer-item">
<p>
{% blocktrans trimmed with username=item.user.display_name user_path=item.user.local_path %}

2
bookwyrm/templates/notifications/items/boost.html
View File

@ -47,7 +47,7 @@
{% block preview %}
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-white has-text-grey-dark{% endif %}">
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-grey-dark{% endif %}">
<div class="columns">
<div class="column is-clipped">
{% include 'snippets/status_preview.html' with status=related_status %}

2
bookwyrm/templates/notifications/items/fav.html
View File

@ -47,7 +47,7 @@
{% block preview %}
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-white has-text-grey-dark{% endif %}">
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-grey-dark{% endif %}">
<div class="columns">
<div class="column is-clipped">
{% include 'snippets/status_preview.html' with status=related_status %}

2
bookwyrm/templates/notifications/items/mention.html
View File

@ -48,7 +48,7 @@
{% block preview %}
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-white has-text-black{% endif %}">
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-black{% endif %}">
<div class="columns">
<div class="column is-clipped">
{% include 'snippets/status_preview.html' with status=related_status %}

2
bookwyrm/templates/notifications/items/reply.html
View File

@ -51,7 +51,7 @@
{% block preview %}
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-white has-text-black{% endif %}">
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-black{% endif %}">
<div class="columns">
<div class="column is-clipped">
{% include 'snippets/status_preview.html' with status=related_status %}

2
bookwyrm/templates/readthrough/readthrough_list.html
View File

@ -3,7 +3,7 @@
{% load tz %}
{% load utilities %}
<div class="content">
<div class="box is-shadowless has-background-white-bis">
<div class="box is-shadowless has-background-tertiary">
<div class="columns">
<div class="column">
{% trans "Progress Updates:" %}

2
bookwyrm/templates/settings/dashboard/dashboard.html
View File

@ -87,7 +87,7 @@
<div class="block content">
<h2>{% trans "Instance Activity" %}</h2>
<form method="get" action="{% url 'settings-dashboard' %}" class="notification has-background-white-bis scroll-x">
<form method="get" action="{% url 'settings-dashboard' %}" class="notification has-background-tertiary scroll-x">
<div class="is-flex is-align-items-flex-end">
<div class="ml-1 mr-1">
<label class="label" for="id_start">

2
bookwyrm/templates/settings/reports/report_preview.html
View File

@ -4,7 +4,7 @@
{% load utilities %}
{% block card-header %}
<h2 class="card-header-title has-background-white-ter is-block">
<h2 class="card-header-title has-background-secondary is-block">
<a href="{% url 'settings-report' report.id %}">
{% include "settings/reports/report_header.html" with report=report %}
</a>

4
bookwyrm/templates/settings/users/user_info.html
View File

@ -8,7 +8,7 @@
<div class="box is-flex-grow-1">
{% include 'user/user_preview.html' with user=user %}
{% if user.summary %}
<div class="box content has-background-white-ter is-shadowless">
<div class="box content has-background-secondary is-shadowless">
{{ user.summary|to_markdown|safe }}
</div>
{% endif %}
@ -108,7 +108,7 @@
</dl>
{% if server.notes %}
<h5>{% trans "Notes" %}</h5>
<div class="box content has-background-white-ter is-shadowless">
<div class="box content has-background-secondary is-shadowless">
{{ server.notes }}
</div>
{% endif %}

4
bookwyrm/templates/snippets/shelf_selector.html
View File

@ -23,7 +23,7 @@
<input type="hidden" name="change-shelf-from" value="{{ current.identifier }}">
<input type="hidden" name="shelf" value="{{ shelf.identifier }}">
<button class="button is-fullwidth is-small shelf-option is-radiusless is-white" type="submit" {% if shelf.identifier == current.identifier %}disabled{% endif %}>
<button class="button is-fullwidth is-small shelf-option is-radiusless has-background-body" type="submit" {% if shelf.identifier == current.identifier %}disabled{% endif %}>
<span>
{% include "snippets/translated_shelf_name.html" with shelf=shelf %}
</span>
@ -32,7 +32,7 @@
</li>
{% else%}
{% comparison_bool shelf.identifier active_shelf.shelf.identifier as is_current %}
{% with button_class="is-fullwidth is-small shelf-option is-radiusless is-white" %}
{% with button_class="is-fullwidth is-small shelf-option is-radiusless has-background-body" %}
<li role="menuitem" class="dropdown-item p-0">
{% if shelf.identifier == 'reading' %}

2
bookwyrm/templates/snippets/shelve_button/shelve_button_dropdown.html
View File

@ -7,5 +7,5 @@
{% endblock %}
{% block dropdown-list %}
{% include 'snippets/shelve_button/shelve_button_dropdown_options.html' with active_shelf=active_shelf shelves=user_shelves dropdown=True class="shelf-option is-fullwidth is-small is-radiusless is-white" %}
{% include 'snippets/shelve_button/shelve_button_dropdown_options.html' with active_shelf=active_shelf shelves=user_shelves dropdown=True class="shelf-option is-fullwidth is-small is-radiusless has-background-body" %}
{% endblock %}

2
bookwyrm/templates/snippets/status/layout.html
View File

@ -4,7 +4,7 @@
{% block card-header %}
<div
class="card-header-title has-background-white-ter is-block"
class="card-header-title has-background-secondary is-block"
{% if main %}id="anchor-{{ status.id }}"{% endif %}
>
{% include 'snippets/status/header.html' with status=status %}

2
bookwyrm/templates/snippets/status/status_options.html
View File

@ -31,7 +31,7 @@
{# things you can do to other people's statuses #}
<li role="menuitem" class="dropdown-item p-0">
<span class="control">
<a href="{% url 'direct-messages-user' status.user|username %}" class="button is-small is-white is-radiusless is-fullwidth">
<a href="{% url 'direct-messages-user' status.user|username %}" class="button is-small has-background-body is-radiusless is-fullwidth">
{% trans "Send direct message" %}
</a>
</span>

2
bookwyrm/templates/snippets/suggested_users.html
View File

@ -4,7 +4,7 @@
<div class="columns is-mobile scroll-x mb-0">
{% for user in suggested_users %}
<div class="column is-flex is-flex-grow-0">
<div class="box has-text-centered is-shadowless has-background-white-bis m-0">
<div class="box has-text-centered is-shadowless has-background-tertiary m-0">
<a href="{{ user.local_path }}" class="has-text-black">
{% include 'snippets/avatar.html' with user=user large=True %}
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>

2
bookwyrm/templates/user/layout.html
View File

@ -30,7 +30,7 @@
{% if user.summary %}
{% spaceless %}
<div class="column box has-background-white-bis content preserve-whitespace">
<div class="column box has-background-tertiary content preserve-whitespace">
{{ user.summary|to_markdown|safe }}
</div>
{% endspaceless %}