/* Sidebars colapsáveis do site inteiro (feed, perfil, CRM, etc.) -- mesma ideia visual do editor-shell.css (usado só nas páginas de tela cheia de Lousa/Documentos/Planilhas), aqui aplicada em cima do grid normal (.site-container > .row > .col-md-3/.col-md-6) que praticamente toda página do site já usa. Só existe em telas >= 992px -- abaixo disso as sidebars já somem sozinhas (classe Bootstrap d-none d-md-block), sem nada a colapsar. Ver public/assets/js/sidebar-collapse.js (injeta os botões) e o script inline logo depois de em views/layouts/header.php (aplica a classe cedo, sem flash). */ @media (min-width: 992px) { .site-container > .row > .col-md-3 { position: relative; transition: flex-basis 0.18s ease, max-width 0.18s ease, width 0.18s ease, padding 0.18s ease; } body.sidebar-left-collapsed .site-container > .row > .col-md-3:first-of-type, body.sidebar-right-collapsed .site-container > .row > .col-md-3:last-of-type { flex: 0 0 0; max-width: 0; width: 0; padding-left: 0; padding-right: 0; overflow: visible; } body.sidebar-left-collapsed .site-container > .row > .col-md-3:first-of-type > .sidebar-sticky, body.sidebar-right-collapsed .site-container > .row > .col-md-3:last-of-type > .sidebar-sticky { display: none; } /* Bootstrap trava .col-md-6 em flex-basis/max-width fixos em 50% -- ao colapsar uma sidebar (ou as duas), essa coluna central não reflui pro espaço liberado, ela só fica encostada à esquerda com um vão morto do lado direito (e o conteúdo/mídias dentro dela parecem "soltos" nesse vão). Deixamos a coluna do feed crescer até uma largura confortável de leitura e centralizamos com margin:auto, assim ela ocupa o espaço liberado de forma simétrica em vez de ficar colada numa ponta. Escopado em ".feed-column" (só existe em views/post/index.php) pra não mexer no col-md-6 de outras páginas (CRM, etc.) que usam esse mesmo grid 3-6-3 e podem querer aproveitar a largura total liberada pro conteúdo delas (tabelas, boards...). */ body.sidebar-left-collapsed .site-container > .row > .col-md-6.feed-column, body.sidebar-right-collapsed .site-container > .row > .col-md-6.feed-column { flex: 0 0 auto; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; } } .souknet-sidebar-toggle { position: fixed; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; padding: 0; border-radius: 50%; background: #fff; border: 1px solid #d0d0d0; box-shadow: 0 1px 5px rgba(0, 0, 0, .18); display: flex; align-items: center; justify-content: center; font-size: 0.95rem; line-height: 1; color: #444; cursor: pointer; z-index: 1020; transition: left 0.18s ease, background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease; } .souknet-sidebar-toggle:hover { background: #2e7d32; border-color: #2e7d32; color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .28); transform: translateY(-50%) scale(1.08); } @media (max-width: 991.98px) { .souknet-sidebar-toggle { display: none !important; } } [data-bs-theme="dark"] .souknet-sidebar-toggle { background: #232823; border-color: #444; color: #ccc; } [data-bs-theme="dark"] .souknet-sidebar-toggle:hover { background: #2e7d32; border-color: #2e7d32; color: #fff; }