salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.3.2

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-10 07:47:41 +00:00
parent af95454049
commit 067eb59344
2 changed files with 53 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css
View File

@@ -581,6 +581,27 @@
white-space: pre-wrap;
}
/* === Images without descriptions (reused images) === */
.igny8-image-figure.igny8-image-no-caption {
border: none;
background: transparent;
box-shadow: none;
padding: 0;
margin: 0 auto 2rem auto;
}
.igny8-image-figure.igny8-image-no-caption .igny8-in-article-image,
.igny8-image-figure.igny8-image-no-caption .igny8-image-landscape {
border-radius: var(--igny8-border-radius-md);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
/* Landscape images without captions should still respect max-width */
.igny8-image-figure.igny8-image-no-caption.igny8-image-landscape-figure {
max-width: 1024px;
width: 100%;
}
/* === Metadata Footer === */
.igny8-metadata-footer {
margin-top: 3rem;
@@ -924,13 +945,14 @@
/* === Landscape Image Card Fit === */
.igny8-image-landscape-figure {
width: 100%;
max-width: none;
margin: 0 0 2rem 0;
max-width: 1024px;
margin: 0 auto 2rem auto;
display: block;
}
.igny8-image-landscape-figure .igny8-image-landscape {
width: 100%;
max-width: none;
max-width: 100%;
height: auto;
display: block;
}
@@ -941,28 +963,36 @@
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: start;
grid-auto-flow: dense;
}
.igny8-section-content.igny8-has-square-image .igny8-image-figure {
max-width: none;
width: 100%;
float: none;
margin: 0;
display: block;
}
.igny8-section-content.igny8-has-square-image .igny8-prose {
min-width: 0;
width: 100%;
}
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-image-figure {
order: 1;
grid-column: 1;
}
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-prose {
order: 2;
grid-column: 2;
}
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-image-figure {
order: 2;
grid-column: 2;
}
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-prose {
order: 1;
grid-column: 1;
}
@media (max-width: 768px) {
@@ -972,7 +1002,7 @@
.igny8-section-content.igny8-has-square-image .igny8-image-figure,
.igny8-section-content.igny8-has-square-image .igny8-prose {
order: unset;
grid-column: auto;
}
}

18
plugins/wordpress/source/igny8-wp-bridge/templates/parts/igny8-content-sections.php
View File

@@ -150,9 +150,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
if (!$show_description) {
$img_class .= ' igny8-image-reuse';
}
$figure_class = 'igny8-image-figure';
if (!$show_description || empty($img_caption)) {
$figure_class .= ' igny8-image-no-caption';
}
?>
<div class="igny8-section-content">
<figure class="igny8-image-figure">
<figure class="<?php echo esc_attr($figure_class); ?>">
<img src="<?php echo esc_url($img_url); ?>"
alt="<?php echo esc_attr($section['heading']); ?>"
class="<?php echo esc_attr($img_class); ?>"
@@ -176,9 +180,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
$img_class .= ' igny8-image-reuse';
}
$section_class = 'igny8-section-content igny8-has-square-image igny8-image-' . $img_align;
$figure_class = 'igny8-image-figure';
if (!$show_description || empty($img_caption)) {
$figure_class .= ' igny8-image-no-caption';
}
?>
<div class="<?php echo esc_attr($section_class); ?>">
<figure class="igny8-image-figure">
<figure class="<?php echo esc_attr($figure_class); ?>">
<img src="<?php echo esc_url($img_url); ?>"
alt="<?php echo esc_attr($section['heading']); ?>"
class="igny8-in-article-image"
@@ -201,9 +209,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
if (!$show_description) {
$img_class .= ' igny8-image-reuse';
}
$figure_class = 'igny8-image-figure igny8-image-landscape-figure';
if (!$show_description || empty($img_caption)) {
$figure_class .= ' igny8-image-no-caption';
}
?>
<div class="igny8-section-content">
<figure class="igny8-image-figure igny8-image-landscape-figure">
<figure class="<?php echo esc_attr($figure_class); ?>">
<img src="<?php echo esc_url($img_url); ?>"
alt="<?php echo esc_attr($section['heading']); ?>"
class="<?php echo esc_attr($img_class); ?>"