Skip to content

Commit

Permalink
Merge pull request #6 from mosne/fix-evaluations
Browse files Browse the repository at this point in the history
Fix evaluations
  • Loading branch information
ptesei authored May 30, 2024
2 parents 9f415d7 + 47817d3 commit cbffd49
Show file tree
Hide file tree
Showing 3 changed files with 22 additions and 16 deletions.
1 change: 1 addition & 0 deletions mosne-dark-palette.php
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
// Plugin constants
define( 'MOSNE_DARK_PALETTE_VERSION', '0.1.0' );


add_action( 'init', __NAMESPACE__ . '\\mosne_dark_palette_block_init' );
add_action( 'wp_body_open', __NAMESPACE__ . '\\mosne_dark_palette_head_script', 1 );

Expand Down
6 changes: 3 additions & 3 deletions readme.txt
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
=== Mosne Dark Palette ===
Contributors: mosne
Tags: block, palette, dark, color, accessibility, a11y, interactivity
Tags: block, palette, dark, color, accessibility
Requires at least: 6.5
Requires PHP: 7.4
Tested up to: 6.5
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

== Description ==
= Mosne Dark Palette =
Create and apply your dark palette in an accessibility-friendly manner using the new Interactivity API.

== Description ==
= Mosne Dark Palette =
This plugin provides the following features:

* A Gutenberg block for the navigation menu, serving as a dropdown switcher that enables you to select the desired color mode using custom labels.
Expand Down
31 changes: 18 additions & 13 deletions src/render.php
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,16 @@
* @see https://github.com/WordPress/gutenberg/blob/trunk/docs/reference-guides/block-api/block-metadata.md#render
*/

if ( ! defined( 'ABSPATH' ) ) {
exit;
} // Exit if access directly

/** @var array $attributes */

$dark_colors = '';
$colors = '';

// Generate the CSS variables for the dark palette
if ( ! empty( $attributes['darkColorsPalette'] ) ) {
foreach ( $attributes['darkColorsPalette'] as $color ) {
$dark_colors .= sprintf(
Expand All @@ -30,7 +35,7 @@
);
}
}

// Generate the CSS for the dark palette.
$palette_styles = sprintf(
'body[data-theme="dark"] { %s %s prefers-color-scheme: dark;}',
$dark_colors,
Expand All @@ -50,27 +55,27 @@
$additional_classes = $class_options . ' wp-block-navigation-item open-on-hover-click wp-block-navigation-submenu';
?>

<li <?php echo get_block_wrapper_attributes( [ 'class' => $additional_classes ] ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
<li <?php echo get_block_wrapper_attributes( [ 'class' => $additional_classes ] ); ?>>
<div class="navigaiton-item__wrapper has-child"
tabindex="-1"
data-wp-interactive="mosne/dark-palette"
data-wp-init="callbacks.colorInit"
data-wp-on--mouseenter="actions.showSubmenu"
data-wp-on--mouseleave="actions.hideSubmenu"
data-wp-on--click="actions.showSubmenu"
data-wp-on--keydown="actions.showSubmenu"
data-wp-on--focusin="actions.showSubmenu"
data-wp-on--focusout="actions.hideSubmenu"
tabindex="-1"
data-wp-interactive="mosne/dark-palette"
data-wp-init="callbacks.colorInit"
data-wp-on--mouseenter="actions.showSubmenu"
data-wp-on--mouseleave="actions.hideSubmenu"
data-wp-on--click="actions.showSubmenu"
data-wp-on--keydown="actions.showSubmenu"
data-wp-on--focusin="actions.showSubmenu"
data-wp-on--focusout="actions.hideSubmenu"
<?php
echo wp_interactivity_data_wp_context( //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo wp_interactivity_data_wp_context(
[
'mode' => 'auto',
'current' => 'has-icon--auto wp-block-navigation-submenu__toggle',
'submenu' => false,
]
);
?>
>
>
<button
type="button"
aria-haspopup="menu"
Expand Down

0 comments on commit cbffd49

Please sign in to comment.