From f4f7256a8f3dab87b68833e60777c61a3e411bba Mon Sep 17 00:00:00 2001 From: Ajay D'Souza Date: Sun, 12 Jan 2025 21:38:53 +0000 Subject: [PATCH] Enqueue style for the block --- includes/css/card.css | 5 +++-- includes/css/card.min.css | 2 +- includes/frontend/blocks/class-blocks.php | 22 ++++++++++++++++++++++ 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/includes/css/card.css b/includes/css/card.css index 884b09d..b7abcfb 100644 --- a/includes/css/card.css +++ b/includes/css/card.css @@ -1,6 +1,6 @@ .wzpa-card { --wzpa-font-family: inherit; - --wzpa-margin: 0; + --wzpa-margin: auto; --wzpa-min-column-width: 96px; --wzpa-max-column-width: max-content; --wzpa-grid-gap: 10px; @@ -17,7 +17,8 @@ .wzpa_authors.wzpa-card { font-family: var(--wzpa-font-family); - margin: var(--wzpa-margin); + margin-left: var(--wzpa-margin); + margin-right: var(--wzpa-margin); } .wzpa_authors.wzpa-card ul { diff --git a/includes/css/card.min.css b/includes/css/card.min.css index db1cb58..df29539 100644 --- a/includes/css/card.min.css +++ b/includes/css/card.min.css @@ -1 +1 @@ -.wzpa-card{--wzpa-font-family:inherit;--wzpa-margin:0;--wzpa-min-column-width:96px;--wzpa-max-column-width:max-content;--wzpa-grid-gap:10px;--wzpa-li-border-color:#cccccc;--wzpa-li-background-color:#f0f0f0;--wzpa-li-border-radius:10px;--wzpa-li-font-size:1rem;--wzpa-li-hover-color:#e0e0e0;--wzpa-li-hover-shadow:0 0 10px rgba(0,0,0,.1);--wzpa-link-color:#333333;--wzpa-link-hover-color:#000000;--wzpa-author-img-radius:50%;}.wzpa_authors.wzpa-card{font-family:var(--wzpa-font-family);margin:var(--wzpa-margin);}.wzpa_authors.wzpa-card ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--wzpa-min-column-width),var(--wzpa-max-column-width)));grid-gap:var(--wzpa-grid-gap);align-items:stretch;list-style:none;padding:0;}.wzpa_authors.wzpa-card li{display:flex;flex-direction:column;border:1px solid var(--wzpa-li-border-color);padding:10px;border-radius:var(--wzpa-li-border-radius);background-color:var(--wzpa-li-background-color);text-align:center;font-size:var(--wzpa-li-font-size);}.wzpa_authors.wzpa-card li:hover{background-color:var(--wzpa-li-hover-color);box-shadow:var(--wzpa-li-hover-shadow);}.wzpa_authors.wzpa-card a{color:var(--wzpa-link-color);text-decoration:none;font-weight:bold;}.wzpa_authors.wzpa-card a:hover{color:var(--wzpa-link-hover-color);}.wzpa_authors.wzpa-card img{align-self:center;border-radius:var(--wzpa-author-img-radius);} \ No newline at end of file +.wzpa-card{--wzpa-font-family:inherit;--wzpa-margin:auto;--wzpa-min-column-width:96px;--wzpa-max-column-width:max-content;--wzpa-grid-gap:10px;--wzpa-li-border-color:#cccccc;--wzpa-li-background-color:#f0f0f0;--wzpa-li-border-radius:10px;--wzpa-li-font-size:1rem;--wzpa-li-hover-color:#e0e0e0;--wzpa-li-hover-shadow:0 0 10px rgba(0,0,0,.1);--wzpa-link-color:#333333;--wzpa-link-hover-color:#000000;--wzpa-author-img-radius:50%;}.wzpa_authors.wzpa-card{font-family:var(--wzpa-font-family);margin-left:var(--wzpa-margin);margin-right:var(--wzpa-margin);}.wzpa_authors.wzpa-card ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--wzpa-min-column-width),var(--wzpa-max-column-width)));grid-gap:var(--wzpa-grid-gap);align-items:stretch;list-style:none;padding:0;}.wzpa_authors.wzpa-card li{display:flex;flex-direction:column;border:1px solid var(--wzpa-li-border-color);padding:10px;border-radius:var(--wzpa-li-border-radius);background-color:var(--wzpa-li-background-color);text-align:center;font-size:var(--wzpa-li-font-size);}.wzpa_authors.wzpa-card li:hover{background-color:var(--wzpa-li-hover-color);box-shadow:var(--wzpa-li-hover-shadow);}.wzpa_authors.wzpa-card a{color:var(--wzpa-link-color);text-decoration:none;font-weight:bold;}.wzpa_authors.wzpa-card a:hover{color:var(--wzpa-link-hover-color);}.wzpa_authors.wzpa-card img{align-self:center;border-radius:var(--wzpa-author-img-radius);} \ No newline at end of file diff --git a/includes/frontend/blocks/class-blocks.php b/includes/frontend/blocks/class-blocks.php index 71a6169..2cf8c42 100644 --- a/includes/frontend/blocks/class-blocks.php +++ b/includes/frontend/blocks/class-blocks.php @@ -8,6 +8,7 @@ namespace WebberZone\Popular_Authors\Frontend\Blocks; use WebberZone\Popular_Authors\Frontend\Display; +use WebberZone\Popular_Authors\Frontend\Styles_Handler; if ( ! defined( 'WPINC' ) ) { die; @@ -110,6 +111,27 @@ public static function render_block_popular_authors( $attributes ) { */ $arguments = apply_filters( 'wzpa_block_popular_authors_arguments', $arguments, $attributes ); + // Enqueue the stylesheet for the selected style for this block. + if ( isset( $arguments['styles'] ) ) { + $suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min'; + + $style_array = Styles_Handler::get_style( $arguments['styles'] ); + + if ( ! empty( $style_array['name'] ) ) { + $style = $style_array['name']; + $extra_css = $style_array['extra_css']; + + wp_register_style( + "wzpa-style-{$style}", + plugins_url( "includes/css/{$style}{$suffix}.css", POP_AUTHOR_PLUGIN_FILE ), + array(), + POP_AUTHOR_VERSION + ); + wp_enqueue_style( "wzpa-style-{$style}" ); + wp_add_inline_style( "wzpa-style-{$style}", $extra_css ); + } + } + return Display::list_popular_authors( $arguments ); }