docs: image gallery viewer (#905)

* add assets, photoswipe html element to body

* add single script, gallery for multiple items

* update docs for image gallery

* fix relative links

* inject image script on mount

* replace inline script

* remove facebook, twitter, pinterest sharing

* fix hover on share

* fix start img aspect radio, reduce size

* right align json script

* right align go script

* change script background
This commit is contained in:
Max Peintner
2020-10-26 13:03:51 +01:00
committed by GitHub
parent 524a6d4467
commit 22d4c345be
28 changed files with 1181 additions and 51 deletions

View File

@@ -316,7 +316,7 @@ a {
border-bottom: 1px solid currentColor;
user-select: none;
color: var(--prime);
transition: color .2s, border .2s, padding .2s;
transition: color .2s,
}
a:hover {
@@ -556,3 +556,19 @@ input[type="checkbox"]::after {
input[type="checkbox"]:checked::after {
left: calc(100% - 9px);
}
.zitadel-gallery {
display: flex;
width: 100%;
}
.zitadel-gallery img {
width: 100%;
object-fit: contain;
}
.zitadel-gallery figure {
flex-basis: 30%;
object-fit: contain;
margin: 5px 5px 5px 0;
width: 150px;
}