Beanz/flatpress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/flatpressblog/flatpress

Browse Source
This commit is contained in:
azett 2022-07-02 12:50:04 +02:00
commit e9ad117428
3 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fp-interface/themes/leggero/theme.conf.php
View File

@ -17,7 +17,7 @@ $theme ['version'] = 0.705;
$theme ['style_def'] = 'style.css';
$theme ['style_admin'] = 'admin.css';
$theme ['default_style'] = 'leggero';
$theme ['default_style'] = 'leggero-v2';
// Other theme settings

24
fp-plugins/photoswipe/photoswipefunctions.class.php
View File

@ -58,10 +58,10 @@ class PhotoSwipeFunctions {
// for usage in HTML attributes, we need to remove quotes and HTML tags from the title
$titleForAttributes = isset($attr ['title']) ? htmlentities(strip_tags($attr ['title'])) : '';
// image may float, according the the given float attribute
$float = ' class="thumbnail nofloat" ';
// image may float, according the the given float attribute - if not given, use "nofloat" class
$floatClasses = 'thumbnail nofloat';
if (isset($attr ['float'])) {
$float = ' class="thumbnail float' . $attr ['float'] . '"';
$floatClasses = 'float' . $attr ['float'];
}
// to get the HTML code for preview image, we use the Flatpress standard function do_bbcode_img()
@ -78,28 +78,34 @@ class PhotoSwipeFunctions {
$previewHtml .= ' itemprop="thumbnail" title="' . $titleForAttributes . '">';
// PhotoSwipe needs to know the dimensions of the image - so we read them
$imgsize = getimagesize($imgPathRel);
$imgsize = @getimagesize($imgPathRel);
$datasizeAttr = ($imgsize === false) ? '' : 'data-size="' . $imgsize [0] . 'x' . $imgsize [1] . '" ';
// set max width of the figure according to the width attribute
$styleAttr = isset($attr ['width']) ? ' style="width:' . $attr ['width'] . 'px" ' : '';
// now lets assemble the whole HTML code - including the overlay HTML, if not inserted into the DOM before
$imgHtml = self::getPhotoSwipeOverlay() . //
'<div class="photoswipe">
<figure ' . //
'<div ' . //
'class="photoswipe ' . $floatClasses . '"' . $styleAttr . //
'>' . //
'<figure ' . //
'itemprop="associatedMedia" ' . //
'itemscope ' . //
'itemtype="http://schema.org/ImageObject" ' . //
'data-index="' . self::$lastusedDataIndex . '" ' . //
$float . ' ' . //
'class="' . $floatClasses . '" ' . //
'>' . //
'<a ' . //
'href="' . $imgUrl . '" ' . //
'itemprop="contentUrl" ' . //
'data-size="' . $imgsize [0] . 'x' . $imgsize [1] . '" ' . //
$datasizeAttr . //
'data-index="' . self::$lastusedDataIndex . '" ' . //
'title="' . htmlentities($title) . '" ' . //
'>' . //
$previewHtml . //
'</a>' . //
'<figcaption>' . $title . '</figcaption>' . //
'<figcaption' . $styleAttr . '>' . $title . '</figcaption>' . //
'</figure>' . //
'</div>';

50
fp-plugins/photoswipe/res/photoswipe-4.1.1/photoswipe.css
View File

@ -186,37 +186,40 @@ background: transparent url(../img/play.png) no-repeat scroll 16px 14px !importa
background-image: url(../img/stop.png) !important;
}
div.photoswipe {
}
div.photoswipe figure {
display:inline-block;
margin:.5em 1em 0 0;
}
div.photoswipe figure img {
margin: 0 !important;
}
div.photoswipe figcaption {
text-align:center;
}
div.photoswipe figure.floatleft {
div.floatleft {
float:left;
margin:0 1em 1em 0;
}
div.photoswipe figure.floatright {
div.floatleft img.floatleft {
float:none;
}
div.floatright {
float:right;
margin:0 0 1em 1em;
}
div.floatright img.floatright {
float:none;
}
.img-gallery div.photoswipe figure {
display:inline-block;
width:140px;
vertical-align: top;
text-align:center;
margin:.5em 1em 0 0;
}
div.photoswipe figure figcaption {
width:200px;
}
.img-gallery div.photoswipe figure figcaption {
width:140px;
}
div.photoswipe figure.nofloat figcaption {
width:inherit;
}
div.photoswipe figure img {
margin: 0 0 .5em 0;
}
button.pswp__button--share {
display:none;
@ -229,14 +232,11 @@ div.img-gallery div.photoswipe
display: inline;
}
/*
Fixes FP standard behaviour: If no float attribute is given, the image will get float attribute "center"
*/
figure.nofloat,
figure.nofloat figcaption,
figure.nofloat img.center {
display:inline-block;
text-align:left !important;
}
.pswp__img { margin: 0px !important; }
.pswp__caption__center {
text-align: center;
margin: 0 auto;
max-width:90%;
}