Georg/teddit
1
0
Fork 0
mirror of https://codeberg.org/tacerus/teddit.git synced 2024-11-26 00:59:24 +01:00
Code Issues Projects Releases Wiki Activity

add feature to expand text posts from subreddit view

Browse Source
This commit is contained in:
teddit 2021-01-19 17:21:31 +01:00
parent d4e009ea28
commit 3ea653de22
5 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
inc/processJsonSubreddit.js
View File

@ -67,6 +67,7 @@ module.exports = function() {
link_flair_text: data.link_flair_text, link_flair_text: data.link_flair_text,
locked: data.locked, locked: data.locked,
media: data.media, media: data.media,
selftext_html: data.selftext_html,
num_comments: data.num_comments, num_comments: data.num_comments,
over_18: data.over_18, over_18: data.over_18,
permalink: data.permalink, permalink: data.permalink,

10
static/css/dark.css
View File

@ -136,6 +136,16 @@ body.dark .score .arrow {
body.dark #links .link .entry .meta a { body.dark #links .link .entry .meta a {
color: #c7c7c7; color: #c7c7c7;
} }
body.dark #links .link .entry .selftext {
background: #0a0a0a;
border: 1px solid #404040;
}
body.dark #links .link .entry details .line {
width: 16px;
margin-top: 3px;
background: black;
border: 1px solid #6f6f6f;
}
body.dark .content .bottom img { body.dark .content .bottom img {
filter: invert(1); filter: invert(1);
} }

41
static/css/styles.css
View File

@ -443,6 +443,47 @@ footer a {
#links.search .link .meta a.comments { #links.search .link .meta a.comments {
margin-left: 0px; margin-left: 0px;
} }
#links .link .entry .selftext {
unicode-bidi: isolate;
background-color: #fafafa;
border: 1px solid #369;
border-radius: 7px;
padding: 5px 10px;
margin: 10px auto 5px 0px;
font-size: 0.84rem;
max-width: 60em;
word-wrap: break-word;
float: left;
width: calc(100% - 100px);
}
#links .link .entry details {
margin: 0px 10px 0px 0px;
font-size: 0.7rem;
}
#links .link .entry details[open] {
width: 100%;
}
#links .link .entry details summary {
font-size: 0.833rem;
list-style-type: none;
padding: 4px;
}
#links .link .entry details > summary::-webkit-details-marker {
display: none;
}
#links .link .entry details summary:hover {
text-decoration: underline;
cursor: pointer;
}
#links .link .entry details .line {
width: 16px;
margin-top: 3px;
background: #979797;
border: 1px solid #b3b0b0;
}
#links .link .entry details .line:first-child {
margin-top: 0px;
}
/* COMMENTS */ /* COMMENTS */
.comment { .comment {
font-size: 0.83rem; font-size: 0.83rem;

8
views/index.pug
View File

@ -102,6 +102,14 @@ html
.links .links
if link.over_18 if link.over_18
span.tag.nsfw NSFW span.tag.nsfw NSFW
if link.selftext_html
details
summary
.line
.line
.line
.selftext
!= unescape(link.selftext_html)
a(href="" + link.permalink + "", class="comments") a(href="" + link.permalink + "", class="comments")
| #{link.num_comments} comments | #{link.num_comments} comments
#search #search

8
views/subreddit.pug
View File

@ -128,6 +128,14 @@ html
.links .links
if link.over_18 if link.over_18
span.tag.nsfw NSFW span.tag.nsfw NSFW
if link.selftext_html
details
summary
.line
.line
.line
.selftext
!= unescape(link.selftext_html)
a(href="" + link.permalink + "", class="comments") a(href="" + link.permalink + "", class="comments")
| #{link.num_comments} comments | #{link.num_comments} comments
if json.info.before || json.info.after if json.info.before || json.info.after