Remove filled-rows gallery type
This commit is contained in:
@@ -535,7 +535,7 @@ Parameters:
|
||||
<dt><code>style</code></dt>
|
||||
<dd>Optional. String. CSS. Image style. Merged with implementation.</dd>
|
||||
<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>
|
||||
<dd>Optional. String. CSS value. Image width.</dd>
|
||||
</dl>
|
||||
|
@@ -308,18 +308,6 @@ Result:
|
||||
|
||||
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
|
||||
{{</* paige/gallery images="*.jpg" type="grid" /*/>}}
|
||||
```
|
||||
|
@@ -42,32 +42,7 @@
|
||||
{{/* The markup below cannot be indented due to Markdown. */}}
|
||||
|
||||
<div class="paige-gallery">
|
||||
{{ if eq $type "filled-rows" }}
|
||||
<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" }}
|
||||
{{ if eq $type "grid" }}
|
||||
<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">
|
||||
{{ with $inner }}
|
||||
|
Reference in New Issue
Block a user