Correção do Botão de esconderbarra lateral principal

2026-06-30 17:47:36 -03:00
parent 8ab2f8e72a
commit ff9614d84c
2 changed files with 42 additions and 0 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -55,10 +55,29 @@
      animation: spin 0.8s linear infinite;
    }
    @keyframes spin { to { transform: rotate(360deg); } }
+    /* Sidebar recolhível no desktop (botão flutuante esconde/mostra o menu).
+       O estado fica na classe .sidebar-collapsed do <html>. */
+    @media (min-width: 768px) {
+      main, footer { transition: margin-left .3s ease; }
+      #sidebar-toggle-btn { left: 16rem; transition: left .3s ease; }
+      .sidebar-collapsed #sidebar { transform: translateX(-100%); }
+      .sidebar-collapsed main, .sidebar-collapsed footer { margin-left: 0; }
+      .sidebar-collapsed #sidebar-toggle-btn { left: 0; }
+    }
  </style>

  <%= javascript_importmap_tags %>
  <%= yield :head %>
+
+  <%# Aplica o estado recolhido da sidebar antes de pintar (evita "piscar") %>
+  <script>
+    (function () {
+      try {
+        if (localStorage.getItem('sidebarCollapsed') === '1')
+          document.documentElement.classList.add('sidebar-collapsed');
+      } catch (e) {}
+    })();
+  </script>
 </head>

 <body class="bg-[#0a0a0a] text-white min-h-screen">