Violin.css

# Tip

WIP

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <i class="material-icons inv-tip " data-tooltip="Valida o IMEI ao realizar o login pelo celular. O sistema irá permitir que o usuário acesse o sistema através de um celular com o IMEI diferente do especificado. Essa validação só será realizada caso tenha sido configurada nas permissões do Perfil de Acesso. Para permitir que o usuário acesse de outro aparelho basta limpar o campo.">
      info_outline
    </i>

`
`

    <i class="material-icons inv-tip {{ tip.modifier }}" data-tooltip="{{ tip.text }}">
      info_outline
    </i>

`
`

    {
      "tip": {
        "text": "Valida o IMEI ao realizar o login pelo celular. O sistema irá permitir que o usuário acesse o sistema através de um celular com o IMEI diferente do especificado. Essa validação só será realizada caso tenha sido configurada nas permissões do Perfil de Acesso. Para permitir que o usuário acesse de outro aparelho basta limpar o campo."
      }
    }

`
File:

- Content:
  `

      .inv-tip {
        position: relative;
        color: var(--color-primary--regular);
      }

      i.material-icons.inv-tip::before {
        display: block;
        position: absolute;
        content: attr(data-tooltip);
        font-family: var(--font-family);
        font-size: 14px;
        white-space: pre-wrap;
        line-height: 19px;
        color: var(--color-system--white);
        background-color: var(--color-system--dark);
        border-radius: 12px;
        box-shadow: var(--shadow-16) var(--color-default--shadow);
        max-width: 320px;
        padding: 16px;
        top: 35px;
        left: -24px;
        z-index: var(--z-index-2);
      }

      i.material-icons.inv-tip::after {
        content: '';
        position: absolute;
        border-left: solid 12px transparent;
        border-right: solid 12px transparent;
        border-top: solid 12px transparent;
        border-bottom: solid 12px var(--color-system--dark);
        top: 12px;
        left: 0;
      }

  `
- URL: /components/raw/tip/tip.css
- Filesystem Path: src/components/tip/tip.css
- Size: 816 Bytes

- Handle: @tip
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/tip/tip.hbs

There are no notes for this item.