Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove filled-rows gallery type

Browse Source
This commit is contained in:
Will Faught
2023-07-23 20:50:56 -07:00
parent 358ebe7bd5
commit 8c5d82a743
3 changed files with 2 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -535,7 +535,7 @@ Parameters:
<dt><code>style</code></dt> <dt><code>style</code></dt>
<dd>Optional. String. CSS. Image style. Merged with implementation.</dd> <dd>Optional. String. CSS. Image style. Merged with implementation.</dd>
<dt><code>type</code></dt> <dt><code>type</code></dt>
<dd>Optional. String. Type of layout. Must be <code>filled-rows</code>, <code>grid</code>, or <code>rows</code> (default).</dd> <dd>Optional. String. Type of layout. Must be <code>grid</code> or <code>rows</code> (default).</dd>
<dt><code>width</code></dt> <dt><code>width</code></dt>
<dd>Optional. String. CSS value. Image width.</dd> <dd>Optional. String. CSS value. Image width.</dd>
</dl> </dl>

12
exampleSite/content/shortcodes/gallery/index.md
View File

@@ -308,18 +308,6 @@ Result:
Code: Code:
```go-text-template
{{</* paige/gallery images="*.jpg" maxheight="10rem" type="filled-rows" /*/>}}
```
Result:
{{< paige/gallery images="*.jpg" maxheight="10rem" type="filled-rows" />}}
---
Code:
```go-text-template ```go-text-template
{{</* paige/gallery images="*.jpg" type="grid" /*/>}} {{</* paige/gallery images="*.jpg" type="grid" /*/>}}
``` ```

27
layouts/shortcodes/paige/gallery.html
View File

@@ -42,32 +42,7 @@
{{/* The markup below cannot be indented due to Markdown. */}} {{/* The markup below cannot be indented due to Markdown. */}}
<div class="paige-gallery"> <div class="paige-gallery">
{{ if eq $type "filled-rows" }} {{ if eq $type "grid" }}
<div class="align-items-{{ $align }} column-gap-3 d-flex flex-wrap justify-content-{{ $justify }} row-gap-3">
{{ with $inner }}
{{ . }}
{{ else }}
{{ range $resources }}
{{- partial "paige/image.html" (dict
"breakpoints" $breakpoints
"class" $class
"densities" $densities
"fetchpriority" $fetchpriority
"height" $height
"linked" $linked
"loading" $loading
"maxheight" $maxheight
"maxwidth" $maxwidth
"page" $page
"process" $process
"resource" .
"style" (print $style "; flex: 1 1 auto; object-fit: cover")
"width" $width
) -}}
{{ end }}
{{ end }}
</div>
{{ else if eq $type "grid" }}
<div class="container-fluid overflow-hidden px-0"> <div class="container-fluid overflow-hidden px-0">
<div class="align-items-{{ $align }} gx-3 gy-3 justify-content-{{ $justify }} row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6"> <div class="align-items-{{ $align }} gx-3 gy-3 justify-content-{{ $justify }} row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6">
{{ with $inner }} {{ with $inner }}