orbit-oss/flask
4
5
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add collapsible posts feature

Browse source 
Implemented functionality to collapse and expand posts in the
main blog view. Users can now toggle the visibility of a post's
body by clicking on the post header. Additionally, clicking on
the "Posts" header at the top of the page will toggle the
visibility of all posts simultaneously. This enhancement improves
the user experience by allowing users to manage the display of
content more efficiently.

Fixes #FLAS-32
This commit is contained in:
Neo 2024-09-09 22:12:43 +00:00
parent 56009a2934
commit 890ee95d28
3 changed files with 34 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
flaskr/static/style.css
View file

@ -88,6 +88,7 @@ nav ul li a, nav ul li span, header .action {
display: flex;
align-items: flex-end;
font-size: 0.85em;
cursor: pointer;
}
.post > header > div:first-of-type {
@ -106,6 +107,7 @@ nav ul li a, nav ul li span, header .action {
.post .body {
white-space: pre-line;
display: block;
}
.content:last-child {
@ -228,3 +230,7 @@ body.dark-mode .content textarea {
color: #e0e0e0;
border: 1px solid #555;
}
.post.collapsed .body {
display: none;
}