melhorias de design: menu (#25)

· esconde o subtítulo do menu em celulares
covid19br · May 1, 2020 · 88b6ae1 · 88b6ae1
1 parent c85c336
commit 88b6ae1
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 15 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -140,7 +140,7 @@ body {
     margin-left: 1.8rem!important;
 }
 
-@media (min-width: 446px) {
+@media (min-width: 376px) {
     .display {
         font-size: 2rem;
     }
@@ -391,14 +391,14 @@ a.text-reset:hover {
     display: flex;
     flex-wrap: nowrap;
     overflow: auto;
-    margin: 1.25rem .5rem;
+    margin: 1rem .5rem;
 }
 
 .menu {
     flex: 0 0 auto;
     margin: 0 .5rem 0 0;
     min-width: 14rem;
-    height: 8rem;
+    height: 5rem;
 }
 
 .card.menu {
@@ -413,6 +413,13 @@ a.text-reset:hover {
 @media (max-width: 575.98px) {
 .menu > .card-body > .card-hero > .hero-body > .card-text {
     font-size: 65%;
+    display: none;
+}
+.menu > .card-body > .card-hero > .hero-body > .card-title {
+    font-size: 1rem;
+}
+.card-hero {
+    align-items: center!important;
 }
 }
 

diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
     integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
   <!-- Poppins Font -->
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
@@ -127,7 +127,7 @@ <h1 class="display" id="page-title">Visão Geral</h1><small class="page-title-up
         <div class="card-hero">
           <img src="./img/icon_questions.svg" width=48px alt="Desenho que representa um profissional da saúde" class="card-icon"> <!-- CARD.TITLE.ICON -->
           <div class="hero-body">
-            <h5 class="card-title">Perguntas</h5> <!-- CARD.TITLE.TEXT -->
+            <h5 class="card-title">Perguntas Comuns</h5> <!-- CARD.TITLE.TEXT -->
             <p class="card-text">Respostas da nossa equipe para algumas das principais perguntas sobre COVID-19</p> <!-- CARD.TITLE.DESCRIPTION -->
           </div>
         </div>
@@ -147,7 +147,7 @@ <h5 class="card-title">Perguntas</h5> <!-- CARD.TITLE.TEXT -->
           <div class="card-hero">
             <img src="./img/icon_news.svg" width=48px alt="Ícone que representa um jornal" class="card-icon"> <!-- CARD.TITLE.ICON -->
             <div class="hero-body">
-              <h5 class="card-title">Reportagens</h5> <!-- CARD.TITLE.TEXT -->
+              <h5 class="card-title">Análises do Noticiário</h5> <!-- CARD.TITLE.TEXT -->
               <p class="card-text">Confira as aparições do Observatório na mídia e análises diárias dos notíciarios no Brasil</p> <!-- CARD.TITLE.DESCRIPTION -->
             </div>
           </div>
@@ -185,7 +185,7 @@ <h5 class="card-title">Informações Técnicas</h5> <!-- CARD.TITLE.TEXT -->
           <div class="card-hero">
             <img src="./img/icon_hazmat.svg" width=48px alt="Ícone que representa um menino" class="card-icon"> <!-- CARD.TITLE.ICON -->
             <div class="hero-body">
-              <h5 class="card-title">Sobre</h5> <!-- CARD.TITLE.TEXT -->
+              <h5 class="card-title">Sobre nós</h5> <!-- CARD.TITLE.TEXT -->
               <p class="card-text">Saiba mais sobre a equipe responsável pelo Observatório COVID-19</p> <!-- CARD.TITLE.DESCRIPTION -->
             </div>
           </div>

diff --git a/informacoes.html b/informacoes.html
@@ -16,7 +16,7 @@
   <link rel="stylesheet" href="./css/toc.css?ver=1.15" />
   <!-- Poppins Font -->
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">

diff --git a/leitos.html b/leitos.html
@@ -14,7 +14,7 @@
         integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
     <!-- Poppins Font -->
-    <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+    <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
     <!-- Favicons -->
     <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">

diff --git a/midia.html b/midia.html
@@ -14,7 +14,7 @@
         integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
     <!-- Poppins Font -->
-    <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+    <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
     <!-- Favicons -->
     <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">

diff --git a/municipios.html b/municipios.html
@@ -14,7 +14,7 @@
     integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
   <!-- Poppins Font -->
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">

diff --git a/perguntas.html b/perguntas.html
@@ -14,7 +14,7 @@
     integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
   <!-- Poppins Font -->
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
@@ -107,7 +107,7 @@
   <!-- Titulo Principal -->
   <div class="container-fluid mt-2">
     <div class="main-title">
-      <h1 class="display" id="page-title">Perguntas Frequentes</h1><small class="page-title-update">Respostas da nossa
+      <h1 class="display" id="page-title">Perguntas Comuns</h1><small class="page-title-update">Respostas da nossa
         equipe para algumas das principais perguntas sobre COVID-19</small>
     </div> <!-- PAGE.TITLE -->
   </div>

diff --git a/progressao.html b/progressao.html
@@ -14,7 +14,7 @@
     integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
   <!-- Poppins Font -->
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">

diff --git a/sobre.html b/sobre.html
@@ -14,7 +14,7 @@
     integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
   <!-- Poppins Font -->
-  <link href="./css/custom.css?ver=1.66" rel="stylesheet">
+  <link href="./css/custom.css?ver=1.67" rel="stylesheet">
 
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">