diff options
Diffstat (limited to 'inc/dynamic-css/comments-flex.php')
| -rw-r--r-- | inc/dynamic-css/comments-flex.php | 405 |
1 files changed, 405 insertions, 0 deletions
diff --git a/inc/dynamic-css/comments-flex.php b/inc/dynamic-css/comments-flex.php new file mode 100644 index 0000000..a905e6a --- /dev/null +++ b/inc/dynamic-css/comments-flex.php @@ -0,0 +1,405 @@ +<?php +/** + * Comments - Dynamic CSS + * + * @package astra-builder + * @since 3.2.0 + */ + +if ( ! defined( 'ABSPATH' ) ) { + exit; // Exit if accessed directly. +} + +add_filter( 'astra_dynamic_theme_css', 'astra_comments_css', 11 ); + +/** + * Comments - Dynamic CSS + * + * @param string $dynamic_css Astra Dynamic CSS. + * @return String Generated dynamic CSS for Pagination. + * + * @since 3.2.0 + */ +function astra_comments_css( $dynamic_css ) { + + if ( is_current_post_comment_enabled() || 0 < get_comments_number() ) { + + $body_font_size = astra_get_option( 'font-size-body' ); + $theme_color = astra_get_option( 'theme-color' ); + $link_color = astra_get_option( 'link-color', $theme_color ); + $is_site_rtl = is_rtl(); + + if ( is_array( $body_font_size ) ) { + $body_font_size_desktop = ( isset( $body_font_size['desktop'] ) && '' != $body_font_size['desktop'] ) ? $body_font_size['desktop'] : 15; + } else { + $body_font_size_desktop = ( '' != $body_font_size ) ? $body_font_size : 15; + } + + $desktop_comment_global = array( + '.comment-reply-title' => array( + 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 1.66666 ), + ), + // Single Post Meta. + '.ast-comment-meta' => array( + 'line-height' => '1.666666667', + 'color' => esc_attr( $link_color ), + 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 0.8571428571 ), + ), + '.ast-comment-list #cancel-comment-reply-link' => array( + 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ), + ), + ); + $dynamic_css .= astra_parse_css( $desktop_comment_global ); + + $single_post_comment_css = '.comments-title { + padding: 2em 0; + } + + .comments-title { + font-weight: normal; + word-wrap: break-word; + } + + .ast-comment-list { + margin: 0; + word-wrap: break-word; + padding-bottom: 0.5em; + list-style: none; + } + + .ast-comment-list li { + list-style: none; + } + + .ast-comment-list .ast-comment-edit-reply-wrap { + -js-display: flex; + display: flex; + justify-content: flex-end; + } + + .ast-comment-list .ast-edit-link { + flex: 1; + } + + .ast-comment-list .comment-awaiting-moderation { + margin-bottom: 0; + } + + .ast-comment { + padding: 1em 0; + } + .ast-comment-info img { + border-radius: 50%; + } + .ast-comment-cite-wrap cite { + font-style: normal; + } + + .comment-reply-title { + padding-top: 1em; + font-weight: normal; + line-height: 1.65; + } + + .ast-comment-meta { + margin-bottom: 0.5em; + } + + .comments-area { + border-top: 1px solid #eeeeee; + margin-top: 2em; + } + + .comments-area .comment-form-comment { + width: 100%; + border: none; + margin: 0; + padding: 0; + } + .comments-area .comment-notes, + .comments-area .comment-textarea, + .comments-area .form-allowed-tags { + margin-bottom: 1.5em; + } + .comments-area .form-submit { + margin-bottom: 0; + } + .comments-area textarea#comment, + .comments-area .ast-comment-formwrap input[type="text"] { + width: 100%; + border-radius: 0; + vertical-align: middle; + margin-bottom: 10px; + } + .comments-area .no-comments { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + .comments-area p.logged-in-as { + margin-bottom: 1em; + } + .ast-separate-container .comments-title { + background-color: #fff; + padding: 1.2em 3.99em 0; + } + .ast-separate-container .comments-area { + border-top: 0; + } + .ast-separate-container .ast-comment-list { + padding-bottom: 0; + } + .ast-separate-container .ast-comment-list li { + background-color: #fff; + } + .ast-separate-container .ast-comment-list li.depth-1 { + padding: 4em 6.67em; + margin-bottom: 2em; + } + @media (max-width: 1200px) { + .ast-separate-container .ast-comment-list li.depth-1 { + padding: 3em 3.34em; + } + } + + .ast-separate-container .ast-comment-list li.depth-1 .children li { + padding-bottom: 0; + padding-top: 0; + margin-bottom: 0; + } + + .ast-separate-container .ast-comment-list li.depth-1 .ast-comment, + .ast-separate-container .ast-comment-list li.depth-2 .ast-comment { + border-bottom: 0; + } + + .ast-separate-container .ast-comment-list .comment-respond { + padding-top: 0; + padding-bottom: 1em; + background-color: transparent; + } + + .ast-separate-container .ast-comment-list .pingback p { + margin-bottom: 0; + } + + .ast-separate-container .ast-comment-list .bypostauthor { + padding: 2em; + margin-bottom: 1em; + } + + .ast-separate-container .ast-comment-list .bypostauthor li { + background: transparent; + margin-bottom: 0; + padding: 0 0 0 2em; + } + + .ast-separate-container .comment-respond { + background-color: #fff; + padding: 4em 6.67em; + border-bottom: 0; + } + + @media (max-width: 1200px) { + .ast-separate-container .comment-respond { + padding: 3em 2.34em; + } + } + + .ast-separate-container .comment-reply-title { + padding-top: 0; + } + .comment-content a { + word-wrap: break-word; + }'; + if ( 'page-builder' == astra_get_content_layout() || 'plain-container' == astra_get_content_layout() ) { + $single_post_comment_css .= ' + .ast-comment-list li.depth-1 .ast-comment, + .ast-comment-list li.depth-2 .ast-comment { + border-bottom: 1px solid #eeeeee; + }'; + } + if ( $is_site_rtl ) { + $single_post_comment_css .= ' + .ast-comment-list .children { + margin-right: 2em; + } + + @media (max-width: 992px) { + .ast-comment-list .children { + margin-right: 1em; + } + } + + .ast-comment-list #cancel-comment-reply-link { + white-space: nowrap; + font-size: 15px; + font-size: 1rem; + margin-right: 1em; + } + + .ast-comment-meta { + justify-content: left; + padding: 0 3.4em 1.333em; + } + + .ast-comment-time .timendate, + .ast-comment-time .reply { + margin-left: 0.5em; + } + .comments-area #wp-comment-cookies-consent { + margin-left: 10px; + } + .ast-page-builder-template .comments-area { + padding-right: 20px; + padding-left: 20px; + margin-top: 0; + margin-bottom: 2em; + } + .ast-separate-container .ast-comment-list .bypostauthor .bypostauthor { + background: transparent; + margin-bottom: 0; + padding-left: 0; + padding-bottom: 0; + padding-top: 0; + }'; + } else { + $single_post_comment_css .= ' + .ast-comment-list .children { + margin-left: 2em; + } + + @media (max-width: 992px) { + .ast-comment-list .children { + margin-left: 1em; + } + } + + .ast-comment-list #cancel-comment-reply-link { + white-space: nowrap; + font-size: 15px; + font-size: 1rem; + margin-left: 1em; + } + + .ast-comment-info { + display: flex; + position: relative; + } + .ast-comment-meta { + justify-content: right; + padding: 0 3.4em 1.60em; + } + .ast-comment-time .timendate{ + margin-right: 0.5em; + } + .comments-area #wp-comment-cookies-consent { + margin-right: 10px; + } + .ast-page-builder-template .comments-area { + padding-left: 20px; + padding-right: 20px; + margin-top: 0; + margin-bottom: 2em; + } + .ast-separate-container .ast-comment-list .bypostauthor .bypostauthor { + background: transparent; + margin-bottom: 0; + padding-right: 0; + padding-bottom: 0; + padding-top: 0; + }'; + } + + $dynamic_css .= Astra_Enqueue_Scripts::trim_css( $single_post_comment_css ); + + $static_layout_css_min_comment = array( + '.ast-separate-container .ast-comment-list li .comment-respond' => array( + 'padding-left' => '2.66666em', + 'padding-right' => '2.66666em', + ), + ); + + $dynamic_css .= astra_parse_css( $static_layout_css_min_comment, astra_get_tablet_breakpoint( '', '1' ) ); + $global_button_comment_mobile = array( + '.ast-separate-container .ast-comment-list li.depth-1' => array( + 'padding' => '1.5em 1em', + 'margin-bottom' => '1.5em', + ), + '.ast-separate-container .ast-comment-list .bypostauthor' => array( + 'padding' => '.5em', + ), + '.ast-separate-container .comment-respond' => array( + 'padding' => '1.5em 1em', + ), + // Single Post Meta. + '.ast-comment-meta' => array( + 'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * 0.8571428571, 'px', 'mobile' ) : '', + ), + '.comment-reply-title' => array( + 'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * 1.66666, 'px', 'mobile' ) : '', + ), + '.ast-comment-list #cancel-comment-reply-link' => array( + 'font-size' => astra_responsive_font( $body_font_size, 'mobile' ), + ), + '.ast-separate-container .ast-comment-list .bypostauthor li' => array( + 'padding' => '0 0 0 .5em', + ), + ); + + if ( $is_site_rtl ) { + $global_button_comment_mobile['.ast-comment-list .children'] = array( + 'margin-right' => '0.66666em', + ); + } else { + $global_button_comment_mobile['.ast-comment-list .children'] = array( + 'margin-left' => '0.66666em', + ); + } + + $dynamic_css .= astra_parse_css( $global_button_comment_mobile, '', astra_get_mobile_breakpoint() ); + + $global_button_comment_tablet = array( + '.ast-comment-avatar-wrap img' => array( + 'max-width' => '2.5em', + ), + '.comments-area' => array( + 'margin-top' => '1.5em', + ), + '.ast-separate-container .comments-title' => array( + 'padding' => '1.43em 1.48em', + ), + '.ast-comment-meta' => array( + 'padding' => '0 1.8888em 1.3333em', + 'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * 0.8571428571, 'px', 'tablet' ) : '', + ), + '.ast-separate-container .ast-comment-list li.depth-1' => array( + 'padding' => '1.5em 2.14em', + ), + '.ast-separate-container .comment-respond' => array( + 'padding' => '2em 2.14em', + ), + '.comment-reply-title' => array( + 'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * 1.66666, 'px', 'tablet' ) : '', + ), + '.ast-comment-list #cancel-comment-reply-link' => array( + 'font-size' => astra_responsive_font( $body_font_size, 'tablet' ), + ), + '.ast-comment-meta' => array( + 'padding' => '0 1.8888em 1.3333em', + ), + ); + + if ( $is_site_rtl ) { + $global_button_comment_tablet['.ast-comment-avatar-wrap'] = array( + 'margin-left' => '0.5em', + ); + } else { + $global_button_comment_tablet['.ast-comment-avatar-wrap'] = array( + 'margin-right' => '0.5em', + ); + } + + return $dynamic_css .= astra_parse_css( $global_button_comment_tablet, '', astra_get_tablet_breakpoint() ); + } + return $dynamic_css; +} |