Componente 4.11 Tooltips
Tooltips são pequenas janelas que complementam informações a algum item da tela.
Alguns elementos devem possuir sempre um tooltip a fim de potencializar sua função, são eles:
1) Ícones: todos os ícones do sistema devem contar com tooltip descrevendo sua ação.
2) Conteúdos das tabelas: Sempre que necessário for uma explicação mais detalhada de um item na tabela, um tooltip deve ser usado.
3) Ícones de Módulos: Todos os ícones de módulos que se encontram no cabeçalho do sistema devem possuir tooltip descrevendo com mais detalhes sua função.
Atenção: Os tooltips, nestes casos, possuem um layout diferenciado.
4) Botões e Links: Quando houver necessidade de explicar a finalidade de um botão ou link, um tooltip deve ser utilizado.
b.1) Dimensões:
Altura: 25px (caso possua apenas uma linha)
Distância para as margens esquerda/direita: 10px
Altura/largura da seta: 8/13px
b.2) Cores:
Janela do tooltip: 4
Contorno: 8, 1px
b.3) Textos:
OSr/13 (8)
Tooltips são acionados simplesmente repousando o ponteiro do mouse em cima de um item na tela. Ao mover o mouse a janela de tootip é fechada.
Atenção: Não confundir com o elemento popover, que é mais robusto, possui informações mais complexas e é acionado e fechado por meio de cliques.