Comments (11)
Acho que não seria uma boa ideia incluir o Font-Awesome só para isso, iria aumentar o peso da barra sem necessidade...
from barra.govbr.
Verdade @nicholasio! E se fosse um svg? :)
from barra.govbr.
Ai seria uma melhor alternativa, tem que ver só quais browsers/versão a Barra pretende suportar e saber se todos eles suportam SVG.
from barra.govbr.
👍 lembrando que também é possível fazer ele somente com CSS3 no uso de "gradientes".
from barra.govbr.
Ótima ideia @valessiobrito :)
from barra.govbr.
Escolhi via CSS para melhor se adaptar pois ainda temos que dar suporte ao IE8. Podem dar uma olhada no http://barra.governoeletronico.gov.br/teste para dar opiniões sobre o menu.
from barra.govbr.
@caduvieira muito bom trabalho! Só achei largo demais. Sugiro usar: width: 20px; Também remover "left:0px" para "right: 5px;" assim fica posicionado na direita. Por fim, troca a cor das barras #000 para um tom cinza #999 e :hover remove o background cinza, aplicando a cor da barra #000 ... vai ficar bonitinho. 👍
from barra.govbr.
Muito bom @caduvieira! E ótimas dicas @valessiobrito, concordo em tudo! Eu só sugeriria usar o #606060 ao invés de #999 para seguir as cores dos outros itens da Barra Brasil!
E mais uma adição apenas, no meu celular e computador (ambos Chrome) está mostrando as três barrinhas desalinhadas (conforme print abaixo).
from barra.govbr.
@caduvieira tenta usar pixel para fixar largura das barrinhas; Acho que o espaçamento vai ser mais complicado.
from barra.govbr.
@valessiobrito @sahrosa Feito. Estará na próxima versão.
from barra.govbr.
Show!!
from barra.govbr.
Related Issues (20)
- Migrar Barra Brasil para Software Público? HOT 2
- Logos no footer-brasil estão pixelados HOT 8
- Bootstrap + Barra Brasil quebra elementos de CSS HOT 3
- Erro com o jQuery em modo 'noConflict' (campanha do mosquito) HOT 2
- Barra apresenta erro de java script HOT 3
- Erro de javascript HOT 1
- Tradução para espanhol HOT 1
- Não é possivel acessar o link do Vlibras pela barra HOT 3
- Text in SVG not applying font
- Novos relatos devem ser abertos aqui ou em https://softwarepublico.gov.br/gitlab/govbr/barra-govbr/? HOT 2
- Ajustar posição de um dos elementos HTML
- Qual a melhor forma de atender a diretiva "É importante ressaltar que o primeiro link da página deve ser o de ir para o conteúdo." usando a barra de governo? HOT 2
- Troca do Apache pelo Nginx
- Janela do VLibras bloqueando acesso a links
- O vlibras esta dando problema com do topo da página HOT 2
- Erro de acesso misto no Chrome HOT 3
- Imagem do VLibras extrapolando o viewport em dispositivos móveis HOT 3
- Problema no VLibras HOT 1
- Melhoria na barra HOT 4
- Dificuldade para atualizar a barra para o modelo 2020 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from barra.govbr.