malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Fix list block style interferences

Browse Source 
Should have done that the first time.
This commit is contained in:
Tetrakern 2024-02-25 13:08:27 +01:00
parent 9a0ad252ad
commit a4f8f5aa98
4 changed files with 48 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

41
includes/functions/_wordpress_mods.php
View File

@ -1187,4 +1187,45 @@ function fictioneer_prevent_track_and_ping_updates( $data ) {
}
add_filter( 'wp_insert_post_data', 'fictioneer_prevent_track_and_ping_updates', 1 );
// =============================================================================
// ADD CLASSES TO BLOCKS
// =============================================================================
/**
* Add default class to list blocks
*
* @since 5.12.0
*
* @param string $block_content HTML content of the block being rendered.
* @param array $block The full block array.
*
* @return string The modified block content.
*/
function fictioneer_add_class_to_list_blocks( $block_content, $block ) {
if ( $block['blockName'] === 'core/list' ) {
$pattern = '/<(ul|ol)([^>]*)>/i';
$block_content = preg_replace_callback( $pattern, function ( $matches ) {
$current_attributes = $matches[2];
$new_class = 'block-list';
if ( strpos( $current_attributes, 'class="' ) !== false ) {
$modified_tag = preg_replace(
'/class="([^"]*)"/i',
'class="$1 ' . $new_class . '"',
$current_attributes
);
} else {
$modified_tag = $current_attributes . ' class="' . $new_class . '"';
}
return '<' . $matches[1] . $modified_tag . '>';
}, $block_content );
}
return $block_content;
}
add_filter( 'render_block', 'fictioneer_add_class_to_list_blocks', 10, 2 );
?>

10
src/scss/common/_formatting.scss
View File

@ -223,7 +223,7 @@ p a,
}
.content-section {
:where(.list, :is(ul, ol):not(.chapter-group__list, .grid-columns, .card__link-list, .profile__admin-notes)) {
:where(.list, .block-list) {
list-style: initial;
padding-left: 1.75rem;
margin: 1.5rem 0 0;
@ -243,21 +243,21 @@ p a,
}
}
:where(.list, ul:not(.chapter-group__list, .grid-columns, .card__link-list, .profile__admin-notes)) {
:where(.list, ul.block-list) {
li::marker {
color: var(--list-marker-color, var(--fg-700)); // Done
}
}
:where(ul, .list) > li > ul:not(.chapter-group__list, .grid-columns, .card__link-list, .profile__admin-notes) {
:where(ul, .list) > li > ul.block-list {
list-style: circle;
}
:where(ul, .list) > li > ul > li > ul:not(.chapter-group__list, .grid-columns, .card__link-list, .profile__admin-notes) {
:where(ul, .list) > li > ul > li > ul.block-list {
list-style: square;
}
:where(.list, ol:not(.chapter-group__list, .grid-columns, .card__link-list, .profile__admin-notes)) {
:where(.list, ol.block-list) {
list-style: ordered-list;
}
}