Skip to content

Commit

Permalink
Merge pull request #1 from wptrainingteam/update/editor-styles
Browse files Browse the repository at this point in the history
Retarged CSS to account for editorial experience
  • Loading branch information
colorful-tones authored Aug 19, 2024
2 parents 9737323 + d7b53c4 commit 9c84a7e
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 6 deletions.
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ Feel free to fork it and use it however you like!

## Changelog

### August 19, 2024 - v1.0.1

Update CSS to account for editing experience: remove hiding/showing of elements by targeting `:not(.has-child-selected)`.

### July 18, 2024 - v1.0.0

Initial launch.
8 changes: 4 additions & 4 deletions assets/styles/core-blocks/cover-card--interactive.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
position: static;
}
/* Make whole card clickable */
.is-style-card--interactive :where(.wp-block-heading) a:after {
.is-style-card--interactive:not(.has-child-selected) :where(.wp-block-heading) a:after {
content: "";
inset: 0;
position: absolute;
Expand All @@ -23,8 +23,8 @@
transform: scale(1);
transition: all 0.35s ease;
}
.is-style-card--interactive:focus-within :where(.wp-block-cover__image-background),
.is-style-card--interactive:hover :where(.wp-block-cover__image-background) {
.is-style-card--interactive:not(.has-child-selected):focus-within :where(.wp-block-cover__image-background),
.is-style-card--interactive:not(.has-child-selected):hover :where(.wp-block-cover__image-background) {
filter: saturate(200%) brightness(40%);
transform: scale(1.15);
}
Expand All @@ -42,7 +42,7 @@
transform: scale(1) translateX(0);
}
/* Animate content area */
.is-style-card--interactive :where(.is-vertical) .wp-block-group:first-of-type + .wp-block-group p {
.is-style-card--interactive:not(.has-child-selected) :where(.is-vertical) .wp-block-group:first-of-type + .wp-block-group p {
max-height: 0;
opacity: 0;
overflow: hidden;
Expand Down
3 changes: 1 addition & 2 deletions hover-reveal-card.php
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
* Description: Extends the Cover block for an animating card effect.
* Requires at least: 6.6
* Requires PHP: 8.0
* Version: 1.0.0
* Version: 1.0.1
* Author: Damon Cook
* License: GPL-2.0-or-later
* License URI: https://www.gnu.org/licenses/gpl-2.0.html
Expand All @@ -15,7 +15,6 @@
exit; // Exit if accessed directly.
}


/**
* Enqueues the block styles for the plugin.
*/
Expand Down

0 comments on commit 9c84a7e

Please sign in to comment.