|
|
| (11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| /* ======================================================================
| |
| REMOVER LOGO E FIXAR ÍCONE HOME NATIVO (CITIZEN)
| |
| ====================================================================== */
| |
|
| |
|
| /* 1. Esconde o logo (Forfans) em absolutamente qualquer estado ou hover */
| |
| .citizen-header__logo-image,
| |
| .citizen-header__logo img,
| |
| .mw-logo-wordmark,
| |
| .mw-logo-icon {
| |
| display: none !important;
| |
| opacity: 0 !important;
| |
| visibility: hidden !important;
| |
| }
| |
|
| |
| /* Remove qualquer imagem de fundo do botão para o logo não voltar */
| |
| .citizen-header__logo {
| |
| background-image: none !important;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| /* 2. Força o ícone de Home NATIVO a ficar sempre visível por padrão,
| |
| mesmo quando o mouse estiver totalmente fora da barra lateral */
| |
| .citizen-header__logo-icon,
| |
| .citizen-header__logo--icon,
| |
| .citizen-header__logo svg:not(.citizen-header__logo-image) {
| |
| display: inline-flex !important;
| |
| opacity: 0.65 !important; /* Mesma opacidade padrão da lupa de busca */
| |
| visibility: visible !important;
| |
| transform: none !important;
| |
| transition: opacity 0.2s ease !important;
| |
| }
| |
|
| |
| /* Anula a regra do Citizen que tenta sumir com a casinha quando a barra não tem foco */
| |
| .citizen-header:not(:hover) .citizen-header__logo-icon,
| |
| .citizen-header:not(:hover) .citizen-header__logo--icon,
| |
| .citizen-header__start:not(:hover) .citizen-header__logo-icon {
| |
| opacity: 0.65 !important;
| |
| visibility: visible !important;
| |
| transform: none !important;
| |
| }
| |
|
| |
| /* 3. Quando o mouse chega perto do ícone, ele acende para 100% de opacidade
| |
| e o tema coloca o quadradinho cinza de fundo nativamente */
| |
| .citizen-header__logo:hover .citizen-header__logo-icon,
| |
| .citizen-header__logo:hover .citizen-header__logo--icon {
| |
| opacity: 1 !important;
| |
| }
| |
|
| |
| /* 4. Seus ajustes originais da barra lateral */
| |
| .citizen-drawer {
| |
| width: 30px !important;
| |
| }
| |
| .citizen-nav {
| |
| font-size: 15px !important;
| |
| }
| |
| .citizen-nav__item {
| |
| padding: 10px 16px !important;
| |
| }
| |