Skip to content

Commit

Permalink
melhorias de design: título principal
Browse files Browse the repository at this point in the history 
· melhor o comportamento responsivo do título principal em celulares
  • Loading branch information
@badain
badain committed May 1, 2020
1 parent f3a97b7 commit c85c336
Show file tree
Hide file tree
Showing 9 changed files with 43 additions and 31 deletions.
53 changes: 34 additions & 19 deletions css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -120,42 +120,57 @@ body {
}

/* GLOBAL: PAGE TITLE & UPDATE DATE */
/* extra small: less than 576px */
.main-title {
display: flex;
flex-direction: column!important;
margin-left: 0.2rem;
}

@media (min-width: 576px) {
.main-title {
margin-left: 1.3rem;
}
}
.display {
font-size: 3rem;
display: inline-block;
font-size: 1.65rem;
font-weight: 300;
line-height: 1.2;
display: inline-block;
margin-bottom: 0!important;
}
.page-title-update {
font-family: 'Poppins', sans-serif;
font-size: .85rem;
color: #6c757d;
margin-left: 1.8rem!important;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767.98px) {
@media (min-width: 446px) {
.display {
font-size: 2rem;
}
}

/* small: 576px and up */
@media (min-width: 576px) {
.display {
font-size: 2.5rem;
margin-bottom: 0!important;
}
.main-title {
display: flex;
flex-direction: column!important;
margin-left: 13px;
}
}

/* tablets: 768px and up */
@media (min-width: 768px) {
.display {
font-size: 3rem;
}
.page-title-update {
margin-left: 1.8rem!important;
margin-left: .5rem;
}
}

.page-title-update {
font-family: 'Poppins', sans-serif;
font-size: .85rem;
color: #6c757d;
margin-left: .5rem;
/* desktops: 992px and up */
@media (min-width: 992px) {
.main-title {
margin-left: 1.3rem;
}
}

/* Dropdown */
Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
2 changes: 1 addition & 1 deletion informacoes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
2 changes: 1 addition & 1 deletion leitos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
2 changes: 1 addition & 1 deletion midia.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
7 changes: 2 additions & 5 deletions municipios.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down Expand Up @@ -107,13 +107,10 @@
<!-- Titulo Principal -->
<div class="container-fluid mt-2">
<div class="main-title">
<h1 class="display">Município de&nbsp;</h1>
<div class="dropdown">
<div class="dropdown-toggle" href="#" id="titleDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false" data-display="static">
<a href="#" style="text-decoration: none;">
<h1 class="display" id="page-title">São Paulo</h1> <!-- PAGE.TITLE -->
</a>
<h1 class="display">Município de <a href="#" style="text-decoration: none;"><span id="page-title">São Paulo</span></a></h1>
</div>
<div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="titleDropdown">
<a class="dropdown-item active" href="#sp_sp">São Paulo</a>
Expand Down
2 changes: 1 addition & 1 deletion perguntas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
2 changes: 1 addition & 1 deletion progressao.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down
2 changes: 1 addition & 1 deletion sobre.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.65" rel="stylesheet">
<link href="./css/custom.css?ver=1.66" rel="stylesheet">

<!-- Favicons -->
<link rel="apple-touch-icon" href="https://covid19br.github.io/img/favicons/apple-touch-icon.png" sizes="180x180">
Expand Down

1 comment on commit c85c336

@badain
Copy link
Collaborator Author

@badain badain commented on c85c336 May 1, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(#25)

Please sign in to comment.