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

Add "combined" card style

Browse Source
This commit is contained in:
Tetrakern 2024-02-12 01:40:38 +01:00
parent 661abe728c
commit 2c4ab454a3
20 changed files with 51 additions and 37 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

5
includes/functions/_customizer-settings.php
View File

@ -2588,8 +2588,9 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
'label' => __( 'Card Style', 'fictioneer' ),
'description' => __( 'Choose the style for your cards.', 'fictioneer' ),
'choices' => array(
'default' => _x( 'Encapsulated', 'Customizer card style option.', 'fictioneer' ),
'unfolded' => _x( 'Unfolded', 'Customizer card style option.', 'fictioneer' )
'default' => _x( 'Default', 'Customizer card style option.', 'fictioneer' ),
'unfolded' => _x( 'Unfolded', 'Customizer card style option.', 'fictioneer' ),
'combined' => _x( 'Combined', 'Customizer card style option.', 'fictioneer' )
)
)
);

4
partials/_article-cards.php
View File

@ -152,8 +152,8 @@ $pag_args = array(
}
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Start HTML ---> ?>

4
partials/_card-chapter.php
View File

@ -59,8 +59,8 @@ if ( $story_unpublished ) {
$card_classes[] = '_story-unpublished';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-collection.php
View File

@ -74,8 +74,8 @@ if ( empty( $description ) ) {
}
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-hidden.php
View File

@ -22,8 +22,8 @@ defined( 'ABSPATH' ) OR exit;
// Extra classes
$card_classes = [];
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-page.php
View File

@ -22,8 +22,8 @@ $comments_number = get_comments_number();
$card_classes = [];
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-post.php
View File

@ -23,8 +23,8 @@ $categories = wp_get_post_categories( $post->ID );
$card_classes = [];
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-recommendation.php
View File

@ -51,8 +51,8 @@ if ( ! get_option( 'fictioneer_hide_taxonomies_on_recommendation_cards' ) ) {
$show_taxonomies = ! get_option( 'fictioneer_hide_taxonomies_on_recommendation_cards' ) && ( $tags || $genres || $fandoms || $characters );
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_card-story.php
View File

@ -50,8 +50,8 @@ if ( $is_sticky ) {
$card_classes[] = '_sticky';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_latest-chapters-compact.php
View File

@ -136,8 +136,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Chapter images

4
partials/_latest-chapters.php
View File

@ -138,8 +138,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Chapter images

4
partials/_latest-recommendations-compact.php
View File

@ -112,8 +112,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_info';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_latest-recommendations.php
View File

@ -109,8 +109,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes = [];
// Extra classes
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Sources

4
partials/_latest-stories-compact.php
View File

@ -136,8 +136,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_latest-stories.php
View File

@ -128,8 +128,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
?>

4
partials/_latest-updates-compact.php
View File

@ -142,8 +142,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Search for viable chapters...

4
partials/_latest-updates.php
View File

@ -142,8 +142,8 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$card_classes[] = '_password';
}
if ( get_theme_mod( 'card_style', 'default' ) === 'unfolded' ) {
$card_classes[] = '_unfolded';
if ( get_theme_mod( 'card_style', 'default' ) !== 'default' ) {
$card_classes[] = '_' . get_theme_mod( 'card_style' );
}
// Search for viable chapters...

15
src/scss/_card.scss
View File

@ -937,7 +937,7 @@
// CARD STYLE: UNFOLDED
// =============================================================================
.card._unfolded {
.card:where(._unfolded, ._combined) {
&:is(._small, ._article) .card__body > .card__footer {
margin-top: 0;
}
@ -991,3 +991,16 @@
padding: calc(var(--this-padding) * 0.75) var(--this-padding);
}
}
// =============================================================================
// CARD STYLE: COMBINED
// =============================================================================
.card._combined {
--this-border-width: 0;
.card__footer._article .card__footer-box,
.card__body > .card__footer .card__footer-box:is(._left, :last-child) {
padding: calc(var(--this-padding) * 0.5) var(--this-padding) var(--this-padding);
}
}