Merge pull request 'Improve mobile layout' (#94) from bopol/teddit:mobile into main

Reviewed-on: https://codeberg.org/teddit/teddit/pulls/94
This commit is contained in:
teddit 2021-01-04 17:00:24 +01:00
commit a13b7d9ed7
4 changed files with 13 additions and 8 deletions

View File

@ -161,7 +161,7 @@ body.dark .btn {
body.dark #post .crosspost { body.dark #post .crosspost {
background: var(--darkbg); background: var(--darkbg);
} }
body.dark .view-more-inks a { body.dark .view-more-links a {
background: black; background: black;
color: white; color: white;
} }
@ -386,12 +386,11 @@ header .tabmenu li a {
header .tabmenu li.active a { header .tabmenu li.active a {
background: black; background: black;
} }
.view-more-inks { .view-more-links {
margin-bottom: 50px;
float: left; float: left;
width: 100%; width: 100%;
} }
.view-more-inks a { .view-more-links a {
margin-left: 20px; margin-left: 20px;
padding: 1px 4px; padding: 1px 4px;
background: #eee; background: #eee;
@ -464,7 +463,7 @@ input[type="submit"]:hover,
} }
footer { footer {
padding: 30px 0px 30px 20px; padding: 30px 0px 30px 20px;
margin: 60px 0px 0px; margin: 2.5% 0px 0px;
background: #e1e1e1; background: #e1e1e1;
float: left; float: left;
width: calc(100% - 20px); width: calc(100% - 20px);
@ -1436,6 +1435,12 @@ code {
margin: 5px 2.5%; margin: 5px 2.5%;
width: 95%; width: 95%;
} }
#post .video .title {
width: 100%;
}
#post .video-holder a img {
width: 100%;
}
.info .submitted { .info .submitted {
margin: auto auto 2.5% 2.5%; margin: auto auto 2.5% 2.5%;
} }

View File

@ -111,7 +111,7 @@ html
input(type="checkbox", name="nsfw", id="nsfw", checked="checked") input(type="checkbox", name="nsfw", id="nsfw", checked="checked")
input(type="submit", value="search") input(type="submit", value="search")
if json.info.before || json.info.after if json.info.before || json.info.after
.view-more-inks .view-more-links
if json.info.before && !subreddit_front if json.info.before && !subreddit_front
a(href="/r/all/" + sortby + "?t="+ (past ? past : '') +"&before=" + json.info.before + "") prev a(href="/r/all/" + sortby + "?t="+ (past ? past : '') +"&before=" + json.info.before + "") prev
if json.info.after if json.info.after

View File

@ -146,7 +146,7 @@ html
a(href="" + link.permalink + "", class="comments") a(href="" + link.permalink + "", class="comments")
| #{link.num_comments} comments | #{link.num_comments} comments
if json.before || json.after if json.before || json.after
.view-more-inks .view-more-links
if json.before && !subreddit_front if json.before && !subreddit_front
a(href="?q=" + q + "&restrict_sr=" + restrict_sr + "&before=" + json.before + "") prev a(href="?q=" + q + "&restrict_sr=" + restrict_sr + "&before=" + json.before + "") prev
if json.after if json.after

View File

@ -129,7 +129,7 @@ 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
.view-more-inks .view-more-links
if json.info.before && !subreddit_front if json.info.before && !subreddit_front
a(href="/r/" + subreddit + "/" + sortby + "?t="+ (past ? past : '') +"&before=" + json.info.before + "") prev a(href="/r/" + subreddit + "/" + sortby + "?t="+ (past ? past : '') +"&before=" + json.info.before + "") prev
if json.info.after if json.info.after