diff --git a/public/css/comments.css b/public/css/comments.css index 2a39f74..d7642ed 100644 --- a/public/css/comments.css +++ b/public/css/comments.css @@ -5,26 +5,26 @@ margin-top: 50px; } -.pexpo-core-comments-body { +.pexpo-core-comments-body:has(> .pexpo-core-comment-groups-wrapper) { margin: 0 auto; padding: 20px 0; max-width: 1500px; overflow: hidden; -webkit-mask-image: linear-gradient( - to right, - transparent, - black 80px, - black calc(100% - 80px), - transparent -); + to right, + transparent, + black 80px, + black calc(100% - 80px), + transparent + ); -mask-image: linear-gradient( - to right, - transparent, - black 80px, - black calc(100% - 80px), - transparent -); + mask-image: linear-gradient( + to right, + transparent, + black 80px, + black calc(100% - 80px), + transparent + ); &:hover .pexpo-core-comment-groups-wrapper { animation-play-state: paused; @@ -139,6 +139,13 @@ mask-image: linear-gradient( } } +.pexpo-core-no-comments { + text-align: center; + font-size: 1.2rem; + color: #777; + margin: 50px 0; +} + @keyframes scrolling { to { diff --git a/public/partials/partnerexpo-core-public-comments.php b/public/partials/partnerexpo-core-public-comments.php index 13e2724..c2da03b 100644 --- a/public/partials/partnerexpo-core-public-comments.php +++ b/public/partials/partnerexpo-core-public-comments.php @@ -54,7 +54,7 @@ echo ''; } else { ?> -

+