mirrors/takahe
1
1
Fork 0
mirror of https://github.com/jointakahe/takahe.git synced 2024-11-29 02:31:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix footer styling

Browse source
This commit is contained in:
Andrew Godwin 2022-12-31 14:12:39 -07:00
parent ae12aadd38
commit 002276ab9a
4 changed files with 35 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
static/css/style.css
View file

@ -128,7 +128,7 @@ main {
} }
footer { footer {
max-width: 900px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
padding: 0 0 10px 0; padding: 0 0 10px 0;
color: var(--color-text-duller); color: var(--color-text-duller);
@ -136,31 +136,7 @@ footer {
font-size: 90%; font-size: 90%;
} }
body:not(.no-sidebar) footer { footer a {
position: fixed;
bottom: 0;
right: calc((100vw - 920px)/2);
width: 250px;
margin: 0;
padding: 5px;
display: flex;
flex-wrap: wrap;
}
body:not(.no-sidebar) footer a {
flex-basis: 50%;
flex-grow: 1;
}
body:not(.no-sidebar) footer a:hover {
color: var(--color-text-dull);
}
.no-sidebar footer {
max-width: 800px;
}
.no-sidebar footer a {
border-bottom: 1px solid var(--color-text-duller); border-bottom: 1px solid var(--color-text-duller);
margin-right: 5px; margin-right: 5px;
} }
@ -404,6 +380,14 @@ nav a i {
text-transform: uppercase; text-transform: uppercase;
} }
.right-column footer {
padding: 0 10px 20px 10px;
font-size: 90%;
text-align: left;
}
.right-column footer a {}
img.emoji { img.emoji {
height: 0.8em; height: 0.8em;
} }
@ -418,6 +402,10 @@ img.emoji {
padding: 5px 15px; padding: 5px 15px;
} }
.no-sidebar section:last-of-type {
margin-bottom: 10px;
}
.no-sidebar section.shell { .no-sidebar section.shell {
background: none; background: none;
box-shadow: none; box-shadow: none;
@ -596,7 +584,7 @@ fieldset legend {
form.inline { form.inline {
padding: 0; padding: 0;
margin: 0; margin: 0;
display:inline; display: inline;
} }
div.follow-profile { div.follow-profile {
@ -696,7 +684,7 @@ div.follow-profile .actions a.active {
form.inline-menu { form.inline-menu {
margin: 0px; margin: 0px;
display:inline; display: inline;
} }
form.follow { form.follow {
@ -825,6 +813,10 @@ form .clear input {
width: 32px; width: 32px;
} }
.right-column form.compose .buttons {
margin-bottom: 20px;
}
.right-column form.compose input, .right-column form.compose input,
.right-column form.compose textarea { .right-column form.compose textarea {
margin: 0 0 10px 0; margin: 0 0 10px 0;
@ -1600,19 +1592,6 @@ form .post {
margin: 20px auto 20px auto; margin: 20px auto 20px auto;
} }
body:not(.no-sidebar) footer {
right: 0;
}
body:not(.no-sidebar) footer a {
display: block;
border: 0;
}
body:not(.no-sidebar) header .logo {
border-radius: 0;
}
.post .attachments a.image img { .post .attachments a.image img {
max-height: 300px; max-height: 300px;
} }
@ -1666,7 +1645,7 @@ form .post {
display: none; display: none;
} }
body:not(.no-sidebar) footer { .right-column footer {
display: none; display: none;
} }

7
templates/_footer.html Normal file
View file

@ -0,0 +1,7 @@
<footer>
{% if config.site_about %}<a href="{% url "about" %}">About</a>{% endif %}
{% if config.policy_rules %}<a href="{% url "rules" %}">Server&nbsp;Rules</a>{% endif %}
{% if config.policy_terms %}<a href="{% url "terms" %}">Terms&nbsp;of&nbsp;Service</a>{% endif %}
{% if config.policy_privacy %}<a href="{% url "privacy" %}">Privacy&nbsp;Policy</a>{% endif %}
<a href="https://jointakahe.org">Takahē&nbsp;{{ config.version }}</a>
</footer>

10
templates/base.html
View file

@ -83,19 +83,15 @@
{% block right_content %} {% block right_content %}
{% include "activities/_menu.html" %} {% include "activities/_menu.html" %}
{% endblock %} {% endblock %}
{% include "_footer.html" %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% endblock %} {% endblock %}
</main> </main>
<footer> {% block footer %}
{% if config.site_about %}<a href="{% url "about" %}">About</a>{% endif %} {% endblock %}
{% if config.policy_rules %}<a href="{% url "rules" %}">Server&nbsp;Rules</a>{% endif %}
{% if config.policy_terms %}<a href="{% url "terms" %}">Terms&nbsp;of&nbsp;Service</a>{% endif %}
{% if config.policy_privacy %}<a href="{% url "privacy" %}">Privacy&nbsp;Policy</a>{% endif %}
<a href="https://jointakahe.org">Takahē&nbsp;{{ config.version }}</a>
</footer>
</body> </body>
</html> </html>

4
templates/base_plain.html
View file

@ -31,3 +31,7 @@
{% endblock %} {% endblock %}
</div> </div>
{% endblock %} {% endblock %}
{% block footer %}
{% include "_footer.html" %}
{% endblock %}