From 656155eb4e42cedc4674a6b27d90dd81202e2f52 Mon Sep 17 00:00:00 2001 From: Dorian Wood Date: Fri, 13 Sep 2024 22:11:00 -0400 Subject: [PATCH] refinessing the css. center column works again --- brutaldon/static/css/brutal-css.css | 12 ++++- brutaldon/static/css/brutaldon.css | 4 ++ brutaldon/static/css/simple.css | 11 +++-- brutaldon/templates/base.html | 54 ++++++++++++++-------- brutaldon/templates/main/toot_partial.html | 11 ++--- 5 files changed, 60 insertions(+), 32 deletions(-) diff --git a/brutaldon/static/css/brutal-css.css b/brutaldon/static/css/brutal-css.css index e44a1ae..6329fec 100644 --- a/brutaldon/static/css/brutal-css.css +++ b/brutaldon/static/css/brutal-css.css @@ -1,3 +1,13 @@ img.avatar { - height: 90px; + height: 3rem; +} + +h3 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +figure > p { + margin-top: 0rem; + margin-bottom: 0rem; } diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css index 75ccb35..98d4d27 100644 --- a/brutaldon/static/css/brutaldon.css +++ b/brutaldon/static/css/brutaldon.css @@ -235,3 +235,7 @@ div.poll { { margin-top: 0; } +button > a { + color: white; +} + diff --git a/brutaldon/static/css/simple.css b/brutaldon/static/css/simple.css index 984203c..23b85a7 100644 --- a/brutaldon/static/css/simple.css +++ b/brutaldon/static/css/simple.css @@ -73,12 +73,16 @@ body { background-color: var(--bg); font-size: 1.15rem; line-height: 1.5; + /* display: flex; */ + /* flex-direction: column; */ + /* max-width: 50rem; */ + /* justify-content: center; */ display: grid; grid-template-columns: 1fr min(45rem, 90%) 1fr; margin: 0; } body > * { - grid-column: 2; + /* grid-column: 2; */ } /* Make the header bg full width, but the content inline with body */ @@ -87,7 +91,7 @@ body > header { border-bottom: 1px solid var(--border); text-align: center; padding: 0 0.5rem 2rem 0.5rem; - grid-column: 1 / -1; + /* grid-column: 1 / -1; */ } body > header > *:only-child { @@ -130,7 +134,6 @@ h2 { h3 { font-size: 2rem; - margin-top: 3rem; } h4 { @@ -262,7 +265,7 @@ header > nav ol { align-content: space-around; align-items: center; display: flex; - flex-direction: row; + flex-direction: column; flex-wrap: wrap; justify-content: center; list-style-type: none; diff --git a/brutaldon/templates/base.html b/brutaldon/templates/base.html index 6b9f070..48c0f1f 100644 --- a/brutaldon/templates/base.html +++ b/brutaldon/templates/base.html @@ -30,7 +30,7 @@ - + {% if not preferences %} -
- +
+
{% block navbar %}
- + {% endif %} + {% endblock %} @@ -130,7 +144,7 @@ Brutaldon

- Brutaldon is totally a thing. + Brutaldon is a brutalist minimal client for Mastodon.

{% endblock %} @@ -188,5 +202,7 @@ {% endblock %} {% endif %} + +
diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html index 38aaa77..e7363a7 100644 --- a/brutaldon/templates/main/toot_partial.html +++ b/brutaldon/templates/main/toot_partial.html @@ -11,15 +11,12 @@
{% endif %} -
-

+

-

-

{{ toot.account.display_name | fix_emojos:toot.account.emojis | strip_html |safe}}

@@ -31,9 +28,11 @@ {% if reblog %}
Boosted by @{{ reblog_by }} +
+
{% endif %}

{% if toot.spoiler_text %} @@ -192,7 +191,6 @@ -
{% if toot.account.acct == own_acct.acct %} @@ -216,7 +214,6 @@    {% if toot.in_reply_to_id or toot.replies_count > 0 %} - thread {% else %} @@ -228,7 +225,5 @@ {% endif %} -
-
{% endif %}