/* * Tema do módulo Implantação — ativo quando tem a classe * `implantacao-mode` (aplicada por Scripts/eam/implantacao/shared/services/ * implantacao-context.run.js sincronizado com window.location.pathname). * * Aproxima visualmente o SmartAdmin Dark do antigo Treetech.Implantacao.WebUI: * - Aside fixo à esquerda (fundo quase-preto #333) com user-info e menu * aninhado (Administrativo + Implantação, Relatórios em sub-grupo). * - Header próprio escuro (#31343C) substituindo o #aam-menu do EAM. * - Ribbon com breadcrumb. * - Conteúdo em fundo claro cinza. * - Tipografia Open Sans (mesma fonte Google usada pelo SmartAdmin original). * * Fora do modo implantacao, os componentes eam.implantacao.* ficam * escondidos — comportamento padrão via `html:not(.implantacao-mode)`. */ /* ------------------------------------------------------------------ */ /* 1. Esconder UI do EAM dentro do modo implantacao */ /* ------------------------------------------------------------------ */ /* O navbar principal do EAM (#aam-menu) é completamente substituído pelo header próprio da Implantação. Isto remove logo AAM, search, notificações, user dropdown e logout do EAM. */ html.implantacao-mode #aam-menu { display: none !important; } /* Faixa roxa de título do EAM — sumir pro header próprio ser o único anúncio do contexto. */ html.implantacao-mode .sistema-interna { display: none !important; } /* Footer do EAM (_NavBottom — "EAM - Enterprise Asset Management vN.N.N"). */ html.implantacao-mode .navbar-fixed-bottom { display: none !important; } /* Reset de padding do body (bootstrap aplica pra acomodar a navbar fixa) + pinta o fundo com a mesma cor do conteúdo da Implantação pra que nenhum branco residual apareça à direita ou abaixo do .implantacao-content, independente do tamanho da viewport e do estado (minified ou não) do aside. */ html.implantacao-mode, html.implantacao-mode body { padding-top: 0 !important; padding-bottom: 0 !important; margin: 0; background: #f4f5f9; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow: hidden; height: 100vh; } /* Cadeia inteira de wrappers pintada — qualquer gap de flow fica invisível (mesma cor do conteúdo). #aam-main em si mantém seu padding (pra dar espaço ao header/aside fixos), mas os wrappers internos (.container + divs aninhados) zeram qualquer margem/ padding/width injetados pelo Bootstrap. */ html.implantacao-mode #aam-main { background: #f4f5f9 !important; } html.implantacao-mode #aam-main > .container, html.implantacao-mode #aam-main > .container > div, html.implantacao-mode #aam-main > .container > div > div { background: #f4f5f9 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Imagens não podem empurrar o conteúdo além do viewport — isto elimina o scroll horizontal quando o logo da home (936px) entra em viewport mais estreito. */ html.implantacao-mode .implantacao-content img { max-width: 100%; height: auto; } /* BS2 do EAM (Treetech.SAM.WebUI/Content/bootstrap.min.css carregado globalmente) tem `ul, ol { padding: 0; margin: 0 0 10px 25px }`. Em implantacao-mode isso quebra o layout porque o SmartAdmin original espera o padding-left de 15px nas árvores. Resetamos o margin/padding pra deixar as regras do scoped-smartadmin/site.css aplicarem. */ html.implantacao-mode ul, html.implantacao-mode ol { margin: 0; } /* O UI Bootstrap (versão BS2 era) usa template com `class="modal hide fade"` e abre o modal via `ng-style="display:block"`. BS3 scopado tem `.hide { display: none !important }` que sobrescreve o inline display: block, mantendo o modal invisível. Fix: rule `!important` específica pra modal aberto. */ html.implantacao-mode .modal[style*="display: block"], html.implantacao-mode .modal[style*="display:block"] { display: block !important; } /* Backdrop do modal — UI Bootstrap renderiza como filho de body. */ html.implantacao-mode .modal-backdrop { z-index: 1040 !important; } html.implantacao-mode .modal { z-index: 1050 !important; } /* BS2 (carregado globalmente) tem `.modal { width: 560px; margin: -250px 0 0 -280px }` que combinado com BS3 scoped (que define `top/right/bottom/left: 0` mas não toca width/margin) deixa o modal num retângulo de 560px no canto superior esquerdo. Reset pra BS3 trabalhar sozinho. */ html.implantacao-mode .modal { width: auto !important; margin: 0 !important; } /* Modal-dialog encolhe pra largura do conteúdo (não fica caixa branca gigante com conteúdo no meio) e centraliza horizontalmente. */ html.implantacao-mode .modal-dialog, html.implantacao-mode .modal-dialog.modal-lg { width: fit-content !important; width: -moz-fit-content !important; max-width: 90vw !important; min-width: 320px !important; margin: 0px auto !important; } /* .modal-content e seus filhos com paddings reduzidos pra encaixar apenas o conteúdo, sem espaço em branco extra nas laterais/topo. */ html.implantacao-mode .modal-content { text-align: left; padding: 0 !important; } html.implantacao-mode .modal-header { padding: 8px 12px !important; } html.implantacao-mode .modal-body { padding: 10px 12px !important; } html.implantacao-mode .modal-footer { padding: 8px 12px !important; } /* `footer { text-align: right }` ainda existe sem prefixo no scoped-bootstrap (a regex do prefixador não pegou o bare element selector). Força esquerda pra qualquer dentro do shell de Implantação. */ html.implantacao-mode footer.panel-footer { text-align: left !important; } /* ------------------------------------------------------------------ */ /* 2. Componentes IMP só aparecem em implantacao-mode */ /* ------------------------------------------------------------------ */ html:not(.implantacao-mode) eam\.implantacao\.aside, html:not(.implantacao-mode) eam\.implantacao\.header, html:not(.implantacao-mode) eam\.implantacao\.ribbon { display: none !important; } html.implantacao-mode eam\.implantacao\.aside, html.implantacao-mode eam\.implantacao\.header, html.implantacao-mode eam\.implantacao\.ribbon { display: block; } /* ------------------------------------------------------------------ */ /* 3. Header próprio (substitui #aam-menu) — réplica do #header do */ /* SmartAdmin antigo. Mesma estrutura (header > #logo-group + */ /* #top-right > .btn-header), mesmas cores, mesmas proporções. */ /* ------------------------------------------------------------------ */ html.implantacao-mode #header { position: fixed; top: 0; left: 0; right: 0; height: 49px; background: #f3f3f3; border-bottom: 1px solid #dcdcdc; z-index: 1030; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } html.implantacao-mode #header:after { /* Limpa os floats dos filhos (#logo-group à esquerda, #top-right à direita) sem precisar de wrapper extra — mesma técnica do SmartAdmin. */ content: ''; display: block; clear: both; } html.implantacao-mode #logo-group { float: left; width: 220px; height: 49px; padding: 0 0 0 11px; background: #f3f3f3; white-space: nowrap; display: flex; align-items: center; } html.implantacao-mode #logo { display: flex !important; align-items: center; gap: 6px; height: auto !important; line-height: normal !important; width: auto !important; color: #3a3633; font-size: 14px; font-weight: 400; text-decoration: none; } html.implantacao-mode #logo > img { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain; flex-shrink: 0; } html.implantacao-mode #top-right { display: block; float: right; height: 49px; } /* Container .pull-right dentro de #top-right — segura os botões na direita e nivela a altura. */ html.implantacao-mode #top-right > .pull-right { height: 49px; } /* Botões da direita (hide-menu + logout) — .btn-header é o nome usado pelo SmartAdmin em
. */ html.implantacao-mode .btn-header { float: right; height: 49px; position: relative; } html.implantacao-mode .btn-header > span { display: block; height: 49px; width: 49px; } html.implantacao-mode .btn-header > span > a { display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; color: #5a5a5a; background: transparent; border-left: 1px solid #dcdcdc; font-size: 18px; text-decoration: none; transition: background 0.15s, color 0.15s; } html.implantacao-mode .btn-header > span > a:hover, html.implantacao-mode .btn-header > span > a:focus { background: #e6e6e6; color: #222; text-decoration: none; } /* .btn-header.transparent (logout) — no SmartAdmin, essa variante remove o fundo extra pra ficar mais sóbria. */ html.implantacao-mode .btn-header.transparent > span > a { background: transparent; } html.implantacao-mode #logout > span > a:hover { background: #a90329; color: #ffffff; } /* ------------------------------------------------------------------ */ /* 4. Aside fixo à esquerda — valores copiados do SmartAdmin original */ /* (smartadmin-production.min.css do antigo IMP). */ /* ------------------------------------------------------------------ */ html.implantacao-mode #left-panel { position: fixed; top: 49px; /* altura do #header próprio */ left: 0; bottom: 0; width: 220px; background: #3a3633; overflow-y: auto; overflow-x: hidden; z-index: 1020; padding: 0; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } html.implantacao-mode #left-panel::-webkit-scrollbar { width: 6px; } html.implantacao-mode #left-panel::-webkit-scrollbar-thumb { background: #555; border-radius: 3px; } /* .login-info — replica do