Lomanic/bibliogram
1
0
Fork 0
mirror of https://git.sr.ht/~cadence/bibliogram synced 2024-11-22 08:07:30 +00:00
Code Issues Releases Wiki Activity

Visual regression: Vertical align no posts notice

Browse Source
This commit is contained in:
Cadence Ember 2020-06-25 03:26:33 +12:00
parent a023e09743
commit 176a8fe4d4
No known key found for this signature in database
GPG Key ID: 128B99B1B74A6412
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/site/pug/includes/next_page_button.pug
View File

@ -6,5 +6,6 @@ mixin next_page_button(user, selectedTimeline, url, type)
nu.searchParams.set("page", selectedTimeline.pages.length+1) nu.searchParams.set("page", selectedTimeline.pages.length+1)
a(href=`${nu.search}#page-${selectedTimeline.pages.length+1}` data-page=(selectedTimeline.pages.length+1) data-username=(user.data.username) data-type=type)#next-page.next-page Next page a(href=`${nu.search}#page-${selectedTimeline.pages.length+1}` data-page=(selectedTimeline.pages.length+1) data-username=(user.data.username) data-type=type)#next-page.next-page Next page
else else
div.page-number.no-more-pages div
span.number No more posts. div.page-number.no-more-pages
span.number No more posts.

7
src/site/sass/includes/_main.sass
View File

@ -161,6 +161,11 @@ body
.timeline-section .timeline-section
background-color: map-get($theme, "background-primary") background-color: map-get($theme, "background-primary")
padding: 0px 15px 40px padding: 0px 15px 40px
display: flex
flex-direction: column
@media screen and (max-width: $layout-a-max)
flex: 1
.selector-container .selector-container
padding: 15px padding: 15px
@ -220,10 +225,10 @@ body
.timeline .timeline
--image-size: 260px --image-size: 260px
$image-size: var(--image-size) $image-size: var(--image-size)
flex: 1
@media screen and (max-width: $layout-a-max) @media screen and (max-width: $layout-a-max)
--image-size: 150px --image-size: 150px
flex: 1
@media screen and (max-width: $layout-c-max) @media screen and (max-width: $layout-c-max)
--image-size: calc(33vw - 10px) --image-size: calc(33vw - 10px)