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

Add timeline columns setting

Browse Source
This commit is contained in:
Cadence Ember 2020-06-22 01:03:41 +12:00
parent 8a1c2ddb80
commit f6977ed3b9
No known key found for this signature in database
GPG Key ID: 128B99B1B74A6412
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/site/pug/includes/timeline_page.pug
View File

@ -7,7 +7,7 @@ mixin timeline_page(page, pageIndex)
header.page-number(id=`page-${pageNumber}`) header.page-number(id=`page-${pageNumber}`)
span.number Page #{pageNumber} span.number Page #{pageNumber}
.timeline-inner .timeline-inner(class=`${settings.timeline_columns}-columns`)
- const suggestedSize = 260 //- from css :( - const suggestedSize = 260 //- from css :(
each image in page each image in page
- const thumbnail = image.getSuggestedThumbnailP(suggestedSize) //- use this as the src in case there are problems with srcset - const thumbnail = image.getSuggestedThumbnailP(suggestedSize) //- use this as the src in case there are problems with srcset

8
src/site/pug/settings.pug
View File

@ -76,11 +76,11 @@ html
+checkbox("display_top_nav", "Display top bar", "Always", false) +checkbox("display_top_nav", "Display top bar", "Always", false)
+select("timeline_columns", "Timeline columns", true, [ +select("timeline_columns", "Timeline columns", false, [
{value: "dynamic", text: "Dynamic"}, {value: "dynamic", text: "Dynamic"},
{value: "3", text: "3 columns"}, {value: "three", text: "3 columns"},
{value: "4", text: "4 columns"}, {value: "four", text: "4 columns"},
{value: "6", text: "6 columns"} {value: "six", text: "6 columns"}
]) ])
+select("caption_side", "Caption side", false, [ +select("caption_side", "Caption side", false, [

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

@ -217,6 +217,18 @@ body
flex-wrap: wrap flex-wrap: wrap
margin: 0 auto margin: 0 auto
&.three-columns
max-width: 810px
@media screen and (max-width: $layout-a-max)
max-width: 480px
&.four-columns
max-width: 1080px
&.six-columns
max-width: 1620px
@media screen and (max-width: $layout-c-max) @media screen and (max-width: $layout-c-max)
display: grid display: grid
grid-template-columns: repeat(3, 1fr) grid-template-columns: repeat(3, 1fr)