michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-23 11:26:56 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

design improvements

Browse source
This commit is contained in:
rimu 2023-11-09 21:32:29 +13:00
parent 62854c95f5
commit 1fb1735faf
14 changed files with 38 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/static/scss/_typography.scss
View file

@ -147,11 +147,11 @@
.fe-reply { .fe-reply {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.fe-reply::before { .fe-reply::before {
content: "\e991"; content: "\e990";
} }
.fe-report::before { .fe-report::before {

4
app/static/structure.css
View file

@ -150,11 +150,11 @@ nav, etc which are used site-wide */
.fe-reply { .fe-reply {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.fe-reply::before { .fe-reply::before {
content: "\e991"; content: "\e990";
} }
.fe-report::before { .fe-report::before {

12
app/static/styles.css
View file

@ -149,11 +149,11 @@
.fe-reply { .fe-reply {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.fe-reply::before { .fe-reply::before {
content: "\e991"; content: "\e990";
} }
.fe-report::before { .fe-report::before {
@ -309,6 +309,14 @@ nav.navbar {
background-color: #f8d7da; background-color: #f8d7da;
} }
.main_pane {
border: solid 1px #ddd;
border-radius: 5px;
background-color: white;
padding-top: 8px;
padding-bottom: 12px;
}
.community_icon { .community_icon {
width: 30px; width: 30px;
height: auto; height: auto;

8
app/static/styles.scss
View file

@ -73,6 +73,14 @@ nav.navbar {
background-color: #f8d7da; background-color: #f8d7da;
} }
.main_pane {
border: solid 1px $light-grey;
border-radius: 5px;
background-color: white;
padding-top: 8px;
padding-bottom: 12px;
}
.community_icon { .community_icon {
width: 30px; width: 30px;
height: auto; height: auto;

2
app/templates/base.html
View file

@ -80,7 +80,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="outer_container" class="container-lg flex-shrink-0 mt-4 pt-1"> <div id="outer_container" class="container-lg flex-shrink-0 mt-3 pt-1">
{% with messages = get_flashed_messages(with_categories=True) %} {% with messages = get_flashed_messages(with_categories=True) %}
{% if messages %} {% if messages %}
{% for category, message in messages %} {% for category, message in messages %}

3
app/templates/community/_post_teaser.html
View file

@ -25,7 +25,8 @@
</div> </div>
<div class="row utilities_row"> <div class="row utilities_row">
<div class="col-6"> <div class="col-6">
<a href="{{ url_for('community.show_post', post_id=post.id, _anchor='replies') }}">{{ post.reply_count }}</a> additional tools <a href="{{ url_for('community.show_post', post_id=post.id, _anchor='replies') }}"><span class="fe fe-reply"></span></a>
<a href="{{ url_for('community.show_post', post_id=post.id, _anchor='replies') }}">{{ post.reply_count }}</a>
</div> </div>
<div class="col-2">...</div> <div class="col-2">...</div>
</div> </div>

2
app/templates/community/add_post.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col-8 position-relative"> <div class="col-8 position-relative main_pane">
<h1>{{ _('Create post') }}</h1> <h1>{{ _('Create post') }}</h1>
<form method="post"> <form method="post">
{{ form.csrf_token() }} {{ form.csrf_token() }}

2
app/templates/community/add_reply.html
View file

@ -4,7 +4,7 @@
{% block app_content %} {% block app_content %}
<script src="/static/js/coolfieldset.js"></script> <script src="/static/js/coolfieldset.js"></script>
<div class="row"> <div class="row">
<div class="col-12 col-md-8 position-relative add_reply"> <div class="col-12 col-md-8 position-relative add_reply main_pane">
<fieldset class="coolfieldset mt-4"><legend class="w-auto">Original post</legend> <fieldset class="coolfieldset mt-4"><legend class="w-auto">Original post</legend>
<h3>{{ post.title }}</h3> <h3>{{ post.title }}</h3>
{{ post.body_html | safe }} {{ post.body_html | safe }}

2
app/templates/community/community.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col-12 col-md-8 position-relative"> <div class="col-12 col-md-8 position-relative main_pane">
{% if community.header_image() != '' %} {% if community.header_image() != '' %}
<div class="community_header" style="height: 240px; background-image: url({{ community.header_image() }});"> <div class="community_header" style="height: 240px; background-image: url({{ community.header_image() }});">
<nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation"> <nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation">

2
app/templates/community/continue_discussion.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col-12 col-md-8 position-relative"> <div class="col-12 col-md-8 position-relative main_pane">
{% include 'community/_post_full.html' %} {% include 'community/_post_full.html' %}
<p><a href="{{ url_for('community.show_post', post_id=post.id, _anchor='replies') }}">Back to main discussion</a></p> <p><a href="{{ url_for('community.show_post', post_id=post.id, _anchor='replies') }}">Back to main discussion</a></p>
<div class="row post_replies"> <div class="row post_replies">

7
app/templates/community/post.html
View file

@ -6,18 +6,21 @@
var toBeHidden = Array(); // this list of comment IDs will be iterated over in setupHideButtons() and the 'hide' button clicked var toBeHidden = Array(); // this list of comment IDs will be iterated over in setupHideButtons() and the 'hide' button clicked
</script> </script>
<div class="row"> <div class="row">
<div class="col-12 col-md-8 position-relative"> <div class="col-12 col-md-8 position-relative main_pane">
{% include 'community/_post_full.html' %} {% include 'community/_post_full.html' %}
{% if post.comments_enabled %} {% if post.comments_enabled %}
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
{% if current_user.verified %} {% if current_user.verified %}
<div class="row post_reply_form"> <div class="row post_reply_form">
<hr class="mt-1" />
<div class="col"> <div class="col">
<div class="reply_form_inner"> <div class="reply_form_inner">
{{ render_form(form) }} {{ render_form(form) }}
</div> </div>
</div> </div>
{% if replies %}
<hr class="mt-4" /> <hr class="mt-4" />
{% endif %}
</div> </div>
{% else %} {% else %}
<p><a href="{{ url_for('auth.validation_required') }}">{{ _('Verify your email address to comment') }}</a></p> <p><a href="{{ url_for('auth.validation_required') }}">{{ _('Verify your email address to comment') }}</a></p>
@ -28,6 +31,7 @@
{% else %} {% else %}
<p>{{ _('Comments are disabled for this post.') }}</p> <p>{{ _('Comments are disabled for this post.') }}</p>
{% endif %} {% endif %}
{% if replies %}
<div class="row post_replies"> <div class="row post_replies">
<div class="col"> <div class="col">
{% macro render_comment(comment) %} {% macro render_comment(comment) %}
@ -93,6 +97,7 @@
</div> </div>
</div> </div>
</div> </div>
{% endif %}
</div> </div>
<div class="col-12 col-md-4"> <div class="col-12 col-md-4">

2
app/templates/user/edit_profile.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col"> <div class="col main_pane">
<nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation"> <nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">{{ _('Home') }}</a></li> <li class="breadcrumb-item"><a href="/">{{ _('Home') }}</a></li>

2
app/templates/user/edit_settings.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col"> <div class="col main_pane">
<nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation"> <nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">{{ _('Home') }}</a></li> <li class="breadcrumb-item"><a href="/">{{ _('Home') }}</a></li>

2
app/templates/user/show_profile.html
View file

@ -3,7 +3,7 @@
{% block app_content %} {% block app_content %}
<div class="row"> <div class="row">
<div class="col-8 position-relative"> <div class="col-8 position-relative main_pane">
{% if user.cover_image() != '' %} {% if user.cover_image() != '' %}
<div class="community_header" style="height: 240px; background-image: url({{ user.cover_image() }});"> <div class="community_header" style="height: 240px; background-image: url({{ user.cover_image() }});">
<nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation"> <nav aria-label="breadcrumb" id="breadcrumb_nav" title="Navigation">