From a832ea1c9d020ca403718a2b609fa3b128a9f115 Mon Sep 17 00:00:00 2001 From: dioliviers Date: Thu, 21 Mar 2024 17:53:49 -0300 Subject: [PATCH 1/5] ajustades de revisao --- themes/midia-ninja-theme/assets/scss/6-pages/_p-404.scss | 2 +- themes/midia-ninja-theme/assets/scss/6-pages/_p-page.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-404.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-404.scss index f8e64f7d..04457634 100644 --- a/themes/midia-ninja-theme/assets/scss/6-pages/_p-404.scss +++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-404.scss @@ -12,7 +12,7 @@ background-image: url($p_theme_assets + '/images/gif-404.gif'); background-repeat: no-repeat; width: 300px; - height: 300px; + height: 316px; background-size: 100%; align-items: center; /* text-align: center; */ diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page.scss index 0e7918f6..9fd0c9ee 100644 --- a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page.scss +++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page.scss @@ -28,7 +28,7 @@ padding-left: 64px; padding-top: 64px; fill: rgba(51, 51, 51, 0.70); - backdrop-filter: blur(10.699999809265137px); + backdrop-filter: blur(17.6999998093px); & .inscription{ color: #FFF; font-family: "Archivo Expanded"; @@ -48,7 +48,7 @@ font-weight: 800; line-height: 115%; /* 55.2px */ letter-spacing: -1.44px; - margin-top: 16px; + margin-top: 16px !important; } & .description-seja-ninja{ color: #FFF; From f0ff4202b4932b52365ca8daff8baf3016094dc4 Mon Sep 17 00:00:00 2001 From: dioliviers Date: Thu, 21 Mar 2024 17:59:07 -0300 Subject: [PATCH 2/5] =?UTF-8?q?cria=C3=A7=C3=A3o=20da=20archive=20de=20afl?= =?UTF-8?q?uentes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- themes/midia-ninja-theme/archive-afluente.php | 21 +++++++++++++++++++ themes/midia-ninja-theme/library/assets.php | 6 ++++++ 2 files changed, 27 insertions(+) create mode 100644 themes/midia-ninja-theme/archive-afluente.php diff --git a/themes/midia-ninja-theme/archive-afluente.php b/themes/midia-ninja-theme/archive-afluente.php new file mode 100644 index 00000000..5f926853 --- /dev/null +++ b/themes/midia-ninja-theme/archive-afluente.php @@ -0,0 +1,21 @@ + + +
+
+
+ + + +
+ +
+
+ + \ No newline at end of file diff --git a/themes/midia-ninja-theme/library/assets.php b/themes/midia-ninja-theme/library/assets.php index 6b00a70b..bded5cb8 100644 --- a/themes/midia-ninja-theme/library/assets.php +++ b/themes/midia-ninja-theme/library/assets.php @@ -371,6 +371,12 @@ protected function get_css_files(): array return is_post_type_archive('opiniao'); }, ], + 'archive-afluente' => [ + 'file' => '_p-archive-afluente.css', + 'preload_callback' => function () { + return is_post_type_archive('afluente'); + }, + ], 'search' => [ 'file' => '_p-search.css', From 1e5b5143d1004db538114a0742344aa58f9748ff Mon Sep 17 00:00:00 2001 From: dioliviers Date: Thu, 21 Mar 2024 18:51:26 -0300 Subject: [PATCH 3/5] efetuado css dos itens da archive --- .../scss/6-pages/_p-archive-afluente.scss | 40 +++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-afluente.scss diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-afluente.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-afluente.scss new file mode 100644 index 00000000..391c282a --- /dev/null +++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-afluente.scss @@ -0,0 +1,40 @@ +.post-type-archive-afluente{ + .content{ + .posts{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + margin-top: 48px; + article{ + .post-card{ + display: flex; + flex-direction: column; + margin-bottom: 30px; + .post-card--thumb{ + width: 370px; + height: 208px; + } + .post-card--content{ + & .entry-title{ + color: var(--PURE, #262626); + font-family: Manrope; + font-size: 24px; + font-style: normal; + font-weight: 800; + line-height: 120%; /* 28.8px */ + letter-spacing: -0.72px; + } + & .entry-meta{ + + } + & .entry-date{ + display: none; + } + & .entry-excerpt{ + display: none; + } + } + } + } + } + } +} \ No newline at end of file From e2c355ff35da2c93c83694a49da9d491579f92ed Mon Sep 17 00:00:00 2001 From: burns Date: Thu, 21 Mar 2024 20:04:46 -0300 Subject: [PATCH 4/5] ajuste de layout em archive opiniao --- .../assets/scss/4-layout/_l-header.scss | 4 - .../scss/6-pages/_p-archive-opiniao.scss | 439 ++++++++++-------- 2 files changed, 233 insertions(+), 210 deletions(-) diff --git a/themes/midia-ninja-theme/assets/scss/4-layout/_l-header.scss b/themes/midia-ninja-theme/assets/scss/4-layout/_l-header.scss index 1c556a9e..34b863bd 100644 --- a/themes/midia-ninja-theme/assets/scss/4-layout/_l-header.scss +++ b/themes/midia-ninja-theme/assets/scss/4-layout/_l-header.scss @@ -492,10 +492,6 @@ header { display: none; } - @media (max-width: $desktop-width) { - margin-right: 0; - } - ul.menu { padding-left: 0; margin-bottom: 8px; diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-opiniao.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-opiniao.scss index b4b9d687..c8c70de1 100644 --- a/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-opiniao.scss +++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-archive-opiniao.scss @@ -9,7 +9,7 @@ .container { padding: 15px; - @media (min-width: 768px) { + @media (min-width: 992px) { padding: 0; } @@ -26,6 +26,7 @@ @media (min-width: 768px) { background-color: #000; border-radius: 8px; + padding: 40px 100px; } > div { @@ -33,9 +34,8 @@ padding: 45px 24px 24px; border-radius: 8px; - @media (min-width: 768px) { - padding: 51px 102px; - gap: 32px; + @media (min-width: 992px) { + padding: 0; } .wpnbha { @@ -48,6 +48,14 @@ } } + .wp-block-newspack-blocks-homepage-articles { + .entry-title { + font-size: 14px; + line-height: 20px; /* 142.857% */ + letter-spacing: -0.42px; + } + } + .article-section-title { font-family: "Archivo Expanded"; font-size: 14px; @@ -67,7 +75,7 @@ line-height: 130%; margin-bottom: 20px; - @media (min-width: 768px) { + @media (min-width: 992px) { font-size: 32px; line-height: 120%; /* 38.4px */ margin-bottom: 35px; @@ -80,7 +88,7 @@ line-height: 130%; /* 22.4px */ margin-bottom: 35px; - @media (min-width: 768px) { + @media (min-width: 992px) { font-size: 16px; line-height: 140%; /* 22.4px */ } @@ -88,6 +96,10 @@ .entry-meta .byline { margin-left: 12px; + font-weight: 400; + line-height: 21px; /* 175% */ + letter-spacing: 1.2px; + text-transform: uppercase; a { text-decoration: none; @@ -102,99 +114,29 @@ display: none; } } - - .latest-vertical-posts-block { - margin: 0; - padding: 0; - - .post { - border-bottom: 1px solid #fff; - padding-bottom: 30px; - - .post-title { - color: #fff; - font-size: 18px; - line-height: 20px; /* 111.111% */ - letter-spacing: -0.54px; - } - - .post-author { - color: #fff; - font-size: 12px; - font-weight: 400; - line-height: 21px; /* 175% */ - letter-spacing: 1.2px; - - span:nth-child(1) { - display: none; - } - } - } - - & ~ div { - .entry-title { - font-size: 14px; - font-weight: 700; - line-height: 20px; /* 142.857% */ - letter-spacing: -0.42px; - margin: 0; - } - - .entry-meta { - > a { - display: none; - } - - .byline { - margin: 0; - } - } - } - } - } - - .mais-lidas { - max-width: 30%; - position: absolute; - right: 0; - margin-top: 40px; - - .slick-slide .slide .post { - max-width: 290px; - - .post-author { - font-size: 10px; - font-style: normal; - font-weight: 400; - line-height: 21px; /* 210% */ - letter-spacing: 1px; - text-transform: uppercase; - - span:nth-child(2) { - color: var(--Primary-dark, #111); - font-weight: 700; - } - } - - .post-meta--terms { - display: none; - } - } } } .content { - width: 70%; + width: 100%; padding-right: 30px; margin-bottom: 60px; float: none; + @media (min-width: 992px) { + width: 70%; + } + .posts { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr; gap: 30px; border-bottom: 1px solid #ccc; - padding-bottom: 24px; + padding-bottom: 32px; + + @media (min-width: 768px) { + grid-template-columns: 1fr 1fr; + } .post-card { display: flex; @@ -254,154 +196,239 @@ .header-and-footer-archive.position-footer { position: relative; - .btn-colunistas { - position: absolute; - bottom: 56.5rem; - right: 0; + .latest-vertical-posts-block { + margin: 0; + padding: 44px 35px; - a { - text-decoration: none; - } - } + &.mais-lidas { + @media (min-width: 992px) { + max-width: 30%; + position: absolute; + right: 0; + top: -40rem; + } - .latest-horizontal-posts-block__slides { - margin-top: 35px; - } + .slick-slide .slide .post { + border-bottom: 1px solid #fff; + gap: 20px; - .latest-horizontal-posts-block__arrows { - button.slick-arrow { - &:hover { - background-color: #333; - background-image: url("/wp-content/themes/midia-ninja-theme/assets/images/arrow-left-slider-white.png"); + @media (min-width: 768px) { + max-width: 290px; + } + + .post-title { + font-size: 16px; + line-height: 20px; /* 111.111% */ + letter-spacing: -0.54px; + } + + .post-author { + font-size: 10px; + font-style: normal; + font-weight: 400; + line-height: 21px; /* 210% */ + letter-spacing: 1px; + text-transform: uppercase; + + span:nth-child(1) { + display: none; + } + + span:nth-child(2) { + color: var(--Primary-dark, #111); + font-weight: 700; + } + } + + .post-meta--terms { + display: none; + } } } - } - .latest-horizontal-posts-block__dots .slick-dots { - li { - opacity: 0.5; + & ~ div { + .entry-title { + font-size: 14px; + font-weight: 700; + line-height: 20px; /* 142.857% */ + letter-spacing: -0.42px; + margin: 0; + } + + .entry-meta { + > a { + display: none; + } - &.slick-active { - opacity: 1; + .byline { + margin: 0; + } } } } - .post-title { - font-weight: 500; - } - } - } + .colunistas { + position: relative; + display: flex; + flex-direction: column-reverse; - .colunistas-ninja { - background-color: #f5f5f5; - @media (max-width: 782px) { - display: flex; - } + .btn-colunistas { + display: flex; + flex-direction: column-reverse; + margin-bottom: 86px; - h2 { - font-family: "Manrope", serif; - font-size: 32px; - font-style: normal; - font-weight: 800; - line-height: 120%; - letter-spacing: -0.96px; - color: #111; - @media (max-width: 992px) { - font-size: 24px; - margin-top: 35px; - } - } + a { + text-decoration: none; + } + } - .container { - max-width: 1170px !important; - width: 100%; - padding: 0 0 26px !important; - @media (max-width: 992px) { - padding: 0px 0 48px !important; - } - } + .colunistas-ninja { + background-color: #f5f5f5; + max-width: 100%; + padding: 0; - .latest-horizontal-posts-block__slides { - &::after { - display: none; - } - &::before { - display: none; - } - @media (max-width: 782px) { - display: flex; - } - } + @media (max-width: 782px) { + display: flex; + } - .slick-track { - @media (max-width: 782px) { - display: flex; - flex-direction: column; - } - } + h2 { + font-family: "Manrope", serif; + font-size: 32px; + font-style: normal; + font-weight: 800; + line-height: 120%; + letter-spacing: -0.96px; + color: #111; + @media (max-width: 992px) { + font-size: 24px; + margin-top: 35px; + } + } - .slide { - display: flex; - @media (max-width: 782px) { - margin-bottom: 0; - } - a { - text-decoration: none; - .post { - display: flex; - gap: 13px; - @media (max-width: 782px) { - gap: 0; + .container { + max-width: 1170px !important; + width: 100%; + padding: 0 0 26px !important; + @media (max-width: 992px) { + padding: 0px 0 48px !important; + } } - .post-thumbnail { - margin-top: 15px; - width: 80px; - height: 80px; - border-radius: 50px; - box-shadow: none; + + .latest-horizontal-posts-block__slides { + &::after { + display: none; + } + &::before { + display: none; + } @media (max-width: 782px) { - margin-right: 25px; - margin-left: 2.5rem; + display: flex; } - img { - max-width: 80px; - height: 80px; - border-radius: 50px; + } + + .slick-track { + @media (max-width: 782px) { + display: flex; + flex-direction: column; } } - .post-content { - font-family: "Manrope", serif; - max-width: 170px; - width: 100%; - .post-title { - font-size: 16px; - font-style: normal; - font-weight: 700; - line-height: 140%; + + .slide { + display: flex; + @media (max-width: 782px) { + margin-bottom: 0; } - p { - font-size: 13px; - font-style: normal; - font-weight: 500; - line-height: 145%; - color: #848484; + a { + text-decoration: none; + .post { + display: flex; + gap: 13px; + @media (max-width: 782px) { + gap: 0; + justify-content: center; + } + .post-thumbnail { + margin-top: 15px; + width: 80px; + height: 80px; + border-radius: 50px; + box-shadow: none; + @media (max-width: 782px) { + margin-right: 25px; + margin-left: 2.5rem; + } + img { + max-width: 80px; + height: 80px; + border-radius: 50px; + } + } + .post-content { + font-family: "Manrope", serif; + max-width: 170px; + width: 100%; + .post-title { + font-size: 16px; + font-style: normal; + font-weight: 700; + line-height: 140%; + } + p { + font-size: 13px; + font-style: normal; + font-weight: 500; + line-height: 145%; + color: #848484; + } + } + } } } + + .slick-arrow { + background-color: #ccc; + } + + .slick-arrow.slick-disabled { + background-color: #ccc; + } + + li.slick-active { + background-color: #333; + } } - } - } - .slick-arrow { - background-color: #ccc; - } + .latest-horizontal-posts-block__slides { + margin-top: 10px; - .slick-arrow.slick-disabled { - background-color: #ccc; - } + @media (min-width: 768px) { + margin-top: 35px; + } + } - li.slick-active { - background-color: #333; + .latest-horizontal-posts-block__arrows { + button.slick-arrow { + &:hover { + background-color: #333; + background-image: url("/wp-content/themes/midia-ninja-theme/assets/images/arrow-left-slider-white.png"); + } + } + } + + .latest-horizontal-posts-block__dots .slick-dots { + li { + opacity: 0.5; + + &.slick-active { + opacity: 1; + } + } + } + + .post-title { + font-weight: 500; + } + } } } From 1036f54992c5982696c6db093da95df9569176b3 Mon Sep 17 00:00:00 2001 From: Everaldo Matias Date: Fri, 22 Mar 2024 11:28:23 -0300 Subject: [PATCH 5/5] FIx post type of the model specials on block Latest Horizontal Posts --- .../library/blocks/src/latest-horizontal-posts/block.json | 2 +- .../src/latest-horizontal-posts/latest-horizontal-posts.php | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/block.json b/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/block.json index 7cc73055..3a47c38c 100644 --- a/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/block.json +++ b/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/block.json @@ -2,7 +2,7 @@ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "ninja/latest-horizontal-posts", - "version": "0.1.8", + "version": "0.1.9", "title": "Últimos posts (Horizontal)", "category": "text", "icon": "excerpt-view", diff --git a/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/latest-horizontal-posts.php b/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/latest-horizontal-posts.php index ad334b5d..73146c61 100644 --- a/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/latest-horizontal-posts.php +++ b/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/latest-horizontal-posts.php @@ -70,6 +70,11 @@ function latest_horizontal_posts_callback( $attributes ) { if ( false !== $cached_posts ) { $posts_query = $cached_posts; } else { + + if ( $block_model == 'specials' ) { + $attributes['postType'] = 'especial'; + } + $args = build_posts_query( $attributes, $latest_horizontal_posts_ids ); $posts_query = new \WP_Query( $args );