Skip to content

Commit a01a687

Browse files
RaduCristianPopescuRaduCristianPopescu
committed
fix: radio format
1 parent 23fc27a commit a01a687

2 files changed

Lines changed: 56 additions & 40 deletions

File tree

‎css/settings.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2563,6 +2563,26 @@ li.draggable-item .components-panel__body-toggle.components-button{
25632563
display: flex;
25642564
flex-wrap: wrap;
25652565
gap: 1em;
2566+
margin: 1em 0 1em;
2567+
}
2568+
.feedzy-wrap .fz-spacing{
2569+
margin: 1em 0 1em;
2570+
}
2571+
.fz-radio-label {
2572+
font-weight: 600;
2573+
color: #333;
2574+
margin-bottom: 4px;
2575+
}
2576+
.fz-radio-description {
2577+
color: #666;
2578+
font-size: 13px;
2579+
line-height: 1.4;
2580+
display: block;
2581+
}
2582+
.fz-radio-title {
2583+
font-size: 16px;
2584+
font-weight: 600;
2585+
color: #050505;
25662586
}
25672587

25682588
@-webkit-keyframes spin {

‎includes/views/import-metabox-edit.php‎

Lines changed: 36 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -712,35 +712,24 @@ class="fz-switch-toggle" type="checkbox" value="yes"
712712
</div>
713713
<div class="fz-right">
714714
<div class="fz-form-group">
715-
<label class="form-label"><?php esc_html_e( 'Which fallback featured image should be used for this feed?', 'feedzy-rss-feeds' ); ?></label>
715+
<div class="form-label"><?php esc_html_e( 'Which fallback featured image should be used for this feed?', 'feedzy-rss-feeds' ); ?></div>
716716

717717
<?php
718718
$fallback_option = ! empty( $default_thumbnail_id ) ? 'custom' : 'general';
719719
?>
720720

721-
<div class="fz-fallback-options mb-20">
722-
<div class="fz-radio-option">
723-
<input type="radio" id="use-general-fallback" name="feedzy_meta_data[fallback_image_option]" value="general" <?php checked( $fallback_option, 'general' ); ?>>
724-
<label for="use-general-fallback" class="fz-radio-label">
725-
<strong><?php esc_html_e( 'Use general setting', 'feedzy-rss-feeds' ); ?></strong>
726-
<span class="fz-radio-description"><?php esc_html_e( 'Updates automatically when the general fallback image changes.', 'feedzy-rss-feeds' ); ?></span>
727-
</label>
728-
</div>
729-
730-
<div class="fz-radio-option">
731-
<input type="radio" id="use-custom-fallback" name="feedzy_meta_data[fallback_image_option]" value="custom" <?php checked( $fallback_option, 'custom' ); ?>>
732-
<label for="use-custom-fallback" class="fz-radio-label">
733-
<strong><?php esc_html_e( 'Add custom fallback image', 'feedzy-rss-feeds' ); ?></strong>
734-
<span class="fz-radio-description"><?php esc_html_e( 'Use a specific image just for this feed.', 'feedzy-rss-feeds' ); ?></span>
735-
</label>
736-
</div>
721+
<div class="fz-spacing">
722+
<input type="radio" id="use-general-fallback" name="feedzy_meta_data[fallback_image_option]" value="general" <?php checked( $fallback_option, 'general' ); ?>>
723+
<label for="use-general-fallback" class="fz-radio-label">
724+
<strong class="fz-radio-title"><?php esc_html_e( 'Use general setting', 'feedzy-rss-feeds' ); ?></strong>
725+
<br>
726+
<span class="fz-radio-description"><?php esc_html_e( 'Updates automatically when the general fallback image changes.', 'feedzy-rss-feeds' ); ?></span>
727+
</label>
737728
</div>
738729

739-
<!-- General fallback preview -->
740-
<div id="general-fallback-preview" style="<?php echo 'general' === $fallback_option ? '' : 'display: none;'; ?>">
730+
<div id="general-fallback-preview" class="fz-spacing" style="<?php echo 'general' === $fallback_option ? '' : 'display: none;'; ?>">
741731
<?php if ( ! empty( $inherited_thumbnail_id ) ) : ?>
742-
<div class="fz-form-group mb-20">
743-
<label class="form-label"><?php esc_html_e( 'Current general fallback image:', 'feedzy-rss-feeds' ); ?></label>
732+
<div class="fz-form-group">
744733
<?php
745734
$image = wp_get_attachment_image( $inherited_thumbnail_id, 'thumbnail' );
746735
if ( $image ) {
@@ -765,9 +754,29 @@ class="fz-switch-toggle" type="checkbox" value="yes"
765754
</div>
766755
</div>
767756
<?php endif; ?>
757+
758+
<div class="help-text pt-8">
759+
<?php
760+
echo wp_kses_post(
761+
sprintf(
762+
/* translators: %s: opening anchor tag, %s: closing anchor tag */
763+
__( 'You can update the general fallback image in %s.', 'feedzy-rss-feeds' ),
764+
'<a href="' . esc_url( admin_url( 'admin.php?page=feedzy-settings' ) ) . '" target="_blank">' . esc_html__( 'Feedzy Settings', 'feedzy-rss-feeds' ) . '</a>'
765+
)
766+
);
767+
?>
768+
</div>
769+
</div>
770+
771+
<div class="fz-spacing">
772+
<input type="radio" id="use-custom-fallback" name="feedzy_meta_data[fallback_image_option]" value="custom" <?php checked( $fallback_option, 'custom' ); ?>>
773+
<label for="use-custom-fallback" class="fz-radio-label">
774+
<strong class="fz-radio-title"><?php esc_html_e( 'Add custom fallback image', 'feedzy-rss-feeds' ); ?></strong>
775+
<br>
776+
<span class="fz-radio-description small"><?php esc_html_e( 'Use a specific image just for this feed.', 'feedzy-rss-feeds' ); ?></span>
777+
</label>
768778
</div>
769779

770-
<!-- Custom fallback section -->
771780
<div id="custom-fallback-section" style="<?php echo 'custom' === $fallback_option ? '' : 'display: none;'; ?>">
772781
<?php
773782
$btn_label = esc_html__( 'Choose image', 'feedzy-rss-feeds' );
@@ -783,8 +792,7 @@ function ( $id ) {
783792
if ( ! empty( $valid_thumbnail_ids ) ) :
784793
$btn_label = esc_html__( 'Replace image', 'feedzy-rss-feeds' );
785794
?>
786-
<div class="fz-form-group mb-20 feedzy-media-preview ">
787-
<label class="form-label"><?php esc_html_e( 'Custom fallback image for this feed:', 'feedzy-rss-feeds' ); ?></label>
795+
<div class="fz-form-group feedzy-media-preview ">
788796
<div class="fz-fallback-images">
789797
<?php
790798
foreach ( $valid_thumbnail_ids as $thumbnail_id ) {
@@ -794,6 +802,7 @@ function ( $id ) {
794802
</div>
795803
</div>
796804
<?php endif; ?>
805+
797806
<div class="fz-cta-group pb-8">
798807
<a
799808
href="javascript:;" class="feedzy-open-media btn btn-outline-primary">
@@ -824,22 +833,9 @@ class="feedzy-remove-media btn btn-outline-primary
824833
>
825834
</div>
826835
</div>
827-
828-
<div class="help-text pt-8">
829-
<?php esc_html_e( 'Helpful for setting a fallback image for feed items without an image during the import process.', 'feedzy-rss-feeds' ); ?>
830-
</div>
831-
832-
<div class="help-text pt-8">
833-
<?php
834-
echo wp_kses_post(
835-
sprintf(
836-
/* translators: %s: opening anchor tag, %s: closing anchor tag */
837-
__( 'You can update the general fallback image in %s.', 'feedzy-rss-feeds' ),
838-
'<a href="' . esc_url( admin_url( 'admin.php?page=feedzy-settings' ) ) . '" target="_blank">' . esc_html__( 'Feedzy Settings', 'feedzy-rss-feeds' ) . '</a>'
839-
)
840-
);
841-
?>
842-
</div>
836+
</div>
837+
<div class="help-text pt-8">
838+
<?php esc_html_e( 'Helpful for setting a fallback image for feed items without an image during the import process.', 'feedzy-rss-feeds' ); ?>
843839
</div>
844840
</div>
845841
</div>

0 commit comments

Comments
 (0)