diff --git a/Atendimento.md b/Atendimento.md index 1a140f4..c7cfb06 100644 --- a/Atendimento.md +++ b/Atendimento.md @@ -413,6 +413,60 @@ Para implantar a barra, é necessário: > Pegadinha: Os códigos começando com `$(function(){` não podem ficar como `(function(){` (sem o "$"). Cuidado nos copy/paste. +6. Acrescente o CSS. + +Pode ser no arquivo `style.css` ou em arquivo próprio (`lgpd.css`). Eu prefiro a segunda opção. Neste caso, é necessário importar o arquivo no `style.css`, com `@import url("lgpd.css");`. + + +CSS: + +```css +/*Css Banner Lgpd Inincio*/ + +.ocultar{ + display: none; +} + +.contentWarningLgpd{ + display: flex; + margin: 0 1em; + flex-direction: row; + align-items: center; + justify-content: center; +} + + +.btn-aviso{ + box-sizing: border-box; + padding: 0.4rem 1.5rem ; + margin: 0 0 0 3rem; +} + +#bannerWarningLgpd a{ + color: #F29F1F; +} + +#bannerWarningLgpd{ + position: fixed; + bottom: 0; + width: 85%; + z-index: 2; + margin: 1.5em auto; /* Will not center vertically and won't work in IE6/7. */ + left: 0; + right: 0; + box-sizing: border-box; + background-color: #387147; + border-radius: 0.4rem; + color: #FFFFFF; + padding: 0.7rem; + text-align: justify; + box-shadow: 0 0 0.7rem black; +} + + +/*Css Banner Lgpd Fim*/ +``` + 7. Aperte o botão "Save File" (lado direito, acima da caixa de edição) e teste. > O status se o usuário apertou o botão alguma vez fica guardado no `localStorage`, chave "agreement". Apague se necessário.