Merge pull request #153 from manualdousuario/fix-header

Ajusta header para estilo mais recente

Author: gabrnunes

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.15.1
+ * Version:         1.15.2
  * Author:          Gabriel Nunes
  * Author URI:      https://gnun.es
  * License:         GPL v3
@@ -41,7 +41,7 @@
  * Define plugin version constant
  */
 
-define( 'ORBITA_VERSION', '1.15.1' );
+define( 'ORBITA_VERSION', '1.15.2' );
 define( 'ORBITA_IMAGE_MAX_SIZE', '10' ); // MB
 
 /**
@@ -268,7 +268,7 @@ function orbita_get_vote_html( $post_id ) {
  */
 function orbita_get_header_html() {
 	$html  = '<div class="orbita-header">';
-	$html .= '  <a href="/orbita/postar/" class="post">Postar</a>';
+	$html .= '  <a href="/orbita/postar/" class="post ' . ( is_page('postar') ? 'selected' : '' ) . '" title="Comece uma conversa ou compartilhe um link.">Postar</a>';
 	$html .= '  <div>';
 	$html .= '    <a href="/orbita/" class="option ' . ( is_page('orbita') ? 'selected' : '' ) . '" title="As conversas recentes com mais votos e comentários.">Populares</a>';
 	$html .= '    <span>&middot;</span>';

public/main.css

@@ -158,35 +158,50 @@ a.sem-paywall:hover {
 .orbita-header {
   display: flex;
   justify-content: space-between;
-  padding: .75rem 1rem;
+  padding: .75rem 0;
   margin-bottom: .35rem;
-  background-color: var(--cor-destaques);
-  border-radius: var(--med-borda);
-  border: 1px solid var(--cor-bordas);
+  border-bottom: 1px dashed var(--cor-bordas);
   line-height: 1;
 
+  a {
+    text-decoration: none;
+
+    &:visited {
+      color: var(--cor-link-ori);
+    }
+
+    &:hover {
+      color: var(--cor-link-est);
+      text-decoration: underline;
+      text-underline-offset: 15px;
+    }
+  }
+
   div {
     display: flex;
     align-items: center;
     justify-content: space-around;
     column-gap: 1rem;
+
     a {
       &:visited {
         color: var(--cor-link-ori);
       }
 
       &:hover {
-        color: var(--cor-link-est);
+        color: var(--cor-link-est) !important;
       }
     }
   }
 
   .option {
-    opacity: .5;
+    text-decoration: none;
   }
 
   .selected {
-    opacity: 1;
+    text-decoration: underline !important;
+    text-underline-offset: 15px;
+    color: var(--cor-link-est) !important;
   }
 }
 
@@ -297,7 +312,16 @@ a.sem-paywall:hover {
 .orbita-follow {
   font-size: var(--fs-0);
   font-family: var(--ff-monospace);
-  text-align: center;
+
+  a {
+    &:visited {
+      color: var(--cor-link-ori);
+    }
+
+    &:hover {
+      color: var(--cor-link-est);
+    }
+  }
 
   @media #{$desktop} {
     text-align: left;