From 90731ff8c9a13554a20417b64f17b9e8f034f7dd Mon Sep 17 00:00:00 2001 From: Rodrigo Ghedin Date: Wed, 5 Jun 2024 14:07:40 -0300 Subject: [PATCH] =?UTF-8?q?Altera=20bot=C3=A3o=20de=20votar=20e=20exibi?= =?UTF-8?q?=C3=A7=C3=A3o=20de=20traduzir=20e=20sem=20paywall?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Altera ícone de votar para fogo (sai `vote.svg`, entra `fogo.svg`) * Corrige bug que encolhia ícone de votar em telas pequenas e posts com títulos compridos (acrescenta `min-width: 1.5rem` à classe .vote) * Altera formatação dos links `traduzir` e `sem paywall` para destacá-los --- assets/fogo.svg | 1 + assets/vote.svg | 3 --- orbita.php | 10 ++++---- public/main.css | 25 ++++++++++++++++++-- public/main.css.map | 2 +- public/main.min.js | 2 +- src/scss/main.scss | 56 ++++++++++++++++++++++++++++++--------------- 7 files changed, 69 insertions(+), 30 deletions(-) create mode 100644 assets/fogo.svg delete mode 100644 assets/vote.svg diff --git a/assets/fogo.svg b/assets/fogo.svg new file mode 100644 index 0000000..588dfc6 --- /dev/null +++ b/assets/fogo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/vote.svg b/assets/vote.svg deleted file mode 100644 index 54e251d..0000000 --- a/assets/vote.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/orbita.php b/orbita.php index 4ef070a..5ba90f9 100644 --- a/orbita.php +++ b/orbita.php @@ -11,7 +11,7 @@ * Plugin Name: Órbita * Plugin URI: https://gnun.es * Description: Órbita é o plugin para criar um sistema Hacker News-like para o Manual do Usuário - * Version: 1.13.1 + * Version: 1.14 * Author: Gabriel Nunes * Author URI: https://gnun.es * License: GPL v3 @@ -40,7 +40,7 @@ /** * Define plugin version constant */ -define( 'ORBITA_VERSION', '1.13.1' ); +define( 'ORBITA_VERSION', '1.14' ); define( 'ORBITA_IMAGE_MAX_SIZE', '10' ); // MB /** @@ -256,7 +256,7 @@ function orbita_get_vote_html( $post_id ) { } $html = ''; return $html; @@ -635,10 +635,10 @@ function orbita_link_options( $url = '', $title = '' ) { if ( $options ) { if( isset( $options['paywall'] ) ) { - $html .= '[sem paywall] '; + $html .= 'sem paywall '; } if( isset( $options['translate'] ) ) { - $html .= '[traduzir] '; + $html .= 'traduzir '; } } diff --git a/public/main.css b/public/main.css index 171bd89..e2f8fab 100755 --- a/public/main.css +++ b/public/main.css @@ -26,16 +26,16 @@ max-width: inherit; list-style: none; margin: 0 0 1.5rem; - line-height: 1.5; display: grid; grid-template-columns: auto 1fr; - gap: 0px 12px; + gap: 0 1rem; grid-template-areas: "vote meta"; } .orbita-list .vote { grid-area: vote; text-align: center; align-self: center; + min-width: 1.5rem; } .orbita-list .vote button { z-index: 2; @@ -75,6 +75,23 @@ height: auto; } +a.traduzir, +a.sem-paywall { + padding: 2px 4px; + margin: 0 0.5rem; + text-decoration: none; + border: 1px solid var(--cor-bordas); + border-radius: var(--med-borda); + background-color: var(--cor-destaques); + font-family: var(--ff-monospace); + font-size: var(--fs-0); +} + +a.traduzir:hover, +a.sem-paywall:hover { + background-color: var(--cor-bordas); +} + .orbita-vote-can-vote { cursor: pointer; } @@ -91,6 +108,10 @@ color: #535353; display: inline-block; } +.orbita-post-title a.traduzir, +.orbita-post-title a.sem-paywall { + font-size: var(--fs-2); +} .orbita-comment { margin: 0 0 1.5rem; diff --git a/public/main.css.map b/public/main.css.map index 8057c26..667b7ac 100755 --- a/public/main.css.map +++ b/public/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/scss/main.scss"],"names":[],"mappings":"AAKI;AAAA;EACE;;;AAMJ;EACE;;;AAKF;EACE;;;AAMA;EACE;EACA;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEE;EACI;EACA;;AAEJ;EACE;;AAGJ;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;;;AAIJ;EACE;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACC;EACA;EACA;;AAEA;EALD;IAMG;IACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEE;EACE;;AAGF;EACE;;AAKN;EACE;;AAMA;AAAA;AAAA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/scss/main.scss"],"names":[],"mappings":"AAKI;AAAA;EACE;;;AAMJ;EACE;;;AAKF;EACE;;;AAMA;EACE;EACA;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEE;EACE;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAGF;EACE;;AACA;EACE;;;AAIJ;EACE;EACA;;;AAIA;EACE;EACA;;AAEF;AAAA;EAEE;;;AAIJ;EACC;EACA;EACA;;AAEA;EALD;IAMG;IACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEE;EACE;;AAGF;EACE;;AAKN;EACE;;AAMA;AAAA;AAAA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/public/main.min.js b/public/main.min.js index 91c957b..b391905 100755 --- a/public/main.min.js +++ b/public/main.min.js @@ -1,2 +1,2 @@ -/*! orbita-manual 07-04-2024 */ +/*! orbita-manual 05-06-2024 */ function upVote(o,a){const s=new XMLHttpRequest;s.open("POST",orbitaApi.restURL+"orbitaApi/v1/likes",!0),s.setRequestHeader("Content-type","application/x-www-form-urlencoded"),s.setRequestHeader("X-WP-Nonce",orbitaApi.restNonce),s.send("post_id="+o),s.onreadystatechange=function(){if(4===s.readyState&&200===s.status){var t=s.responseText,t=JSON.parse(t);if(t.success){const e=document.querySelector("[data-votes-post-id='"+o+"']");e.innerHTML=t.count,a.classList.add("orbita-vote-already-voted"),a.classList.remove("orbita-vote-can-vote")}}}}function verifyPostAttachFilesize(){const t=document.getElementById("orbita_post_attach");0{var e=t.target.offsetWidth/10;t.target.rows=Math.round(t.target.value.length/e)+1}),document.querySelectorAll(".orbita-vote-can-vote"));e.forEach(function(e){e.addEventListener("click",function(t){return upVote(e.dataset.postId,e),t.preventDefault(),!1})})},!1);let postUrlInput=document.getElementById("orbita_post_url"),postAttachInput=document.getElementById("orbita_post_attach");const postUrlDiv=document.getElementById("orbita-form-post_url"),postAttachDiv=document.getElementById("orbita-form-post_attach");function toggleAttachUrl(){verifyPostAttachFilesize(),""!==postUrlInput.value&&(postAttachDiv.style.display="none",postUrlDiv.style.display="block"),""!==postAttachInput.value&&(postUrlDiv.style.display="none",postAttachDiv.style.display="block"),""==postAttachInput.value&&""==postUrlInput.value&&(postUrlDiv.style.display="block",postAttachDiv.style.display="block")}postUrlInput&&postAttachInput&&(postUrlInput.addEventListener("input",toggleAttachUrl),postAttachInput.addEventListener("input",toggleAttachUrl)); \ No newline at end of file diff --git a/src/scss/main.scss b/src/scss/main.scss index f10d0e4..44211f2 100755 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -40,19 +40,19 @@ $desktop: "only screen and (min-width : 700px)"; max-width: inherit; list-style: none; margin: 0 0 1.5rem; - line-height: 1.5; display: grid; grid-template-columns: auto 1fr; - gap: 0px 12px; + gap: 0 1rem; grid-template-areas: - "vote meta"; - + "vote meta"; + } .vote { grid-area: vote; text-align: center; align-self: center; + min-width: 1.5rem; button { z-index: 2; @@ -70,8 +70,8 @@ $desktop: "only screen and (min-width : 700px)"; grid-area: meta; .title { .link { - display: inline; - margin-bottom: 0; + display: inline; + margin-bottom: 0; } .domain { color: #535353; @@ -97,6 +97,22 @@ $desktop: "only screen and (min-width : 700px)"; } } +a.traduzir, +a.sem-paywall { + padding: 2px 4px; + margin: 0 .5rem; + text-decoration: none; + border: 1px solid var(--cor-bordas); + border-radius: var(--med-borda); + background-color: var(--cor-destaques); + font-family: var(--ff-monospace); + font-size: var(--fs-0); +} +a.traduzir:hover, +a.sem-paywall:hover { + background-color: var(--cor-bordas); +} + .orbita-vote-can-vote { cursor: pointer; &:hover { @@ -114,24 +130,28 @@ $desktop: "only screen and (min-width : 700px)"; color: #535353; display: inline-block; } + a.traduzir, + a.sem-paywall { + font-size: var(--fs-2); + } } .orbita-comment { margin: 0 0 1.5rem; line-height: 1.2; border-bottom: 1px solid rgba(255, 255, 255, 0.2); - + @media #{$desktop} { - padding-bottom: 0; - border-bottom: 0; - } - - &-content { - font-size: 95%; - font-family: var(--ff-monospace); - padding: 0 21px; - display: block; - } + padding-bottom: 0; + border-bottom: 0; + } + + &-content { + font-size: 95%; + font-family: var(--ff-monospace); + padding: 0 21px; + display: block; + } } .orbita-header { @@ -156,7 +176,7 @@ $desktop: "only screen and (min-width : 700px)"; &:visited { color: var(--cor-link-ori); } - + &:hover { color: var(--cor-link-est); }