Explorar el Código

fix(css): resolve blank main content in print preview (#5982)

Add @media print rules to reset sticky/fixed positioning and overflow
constraints that caused browsers to clip main content during printing.

Based on PR #5996 by @herley-shaori, rebuilt dist from current master.

Co-Authored-By: Herley <herleys@xlsmart.co.id>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Aigars Silkalns hace 1 día
padre
commit
b0bbe0afeb

+ 36 - 0
dist/css/adminlte.css

@@ -15578,6 +15578,42 @@ fieldset legend {
     font-size: 0.8em;
     content: " (" attr(href) ")";
   }
+  /* Print Layout Fix - Ensure sidebar and main content are both visible */
+  .app-wrapper {
+    display: grid !important;
+    grid-template-columns: auto 1fr !important;
+    grid-template-rows: auto 1fr auto !important;
+  }
+  .sidebar-overlay {
+    display: none !important;
+  }
+  .app-sidebar {
+    position: static !important;
+    display: block !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-left: 0 !important;
+    overflow: visible !important;
+  }
+  .sidebar-wrapper {
+    height: auto !important;
+    overflow: visible !important;
+  }
+  .app-header {
+    position: static !important;
+  }
+  .app-main {
+    width: auto !important;
+    max-width: 100% !important;
+    overflow: visible !important;
+  }
+  .app-content {
+    overflow: visible !important;
+  }
+  .app-footer {
+    position: static !important;
+  }
 }
 
 /*# sourceMappingURL=adminlte.css.map */

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.css.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.min.css


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.min.css.map


+ 36 - 0
dist/css/adminlte.rtl.css

@@ -15552,5 +15552,41 @@ fieldset legend {
     font-size: 0.8em;
     content: " (" attr(href) ")";
   }
+  /* Print Layout Fix - Ensure sidebar and main content are both visible */
+  .app-wrapper {
+    display: grid !important;
+    grid-template-columns: auto 1fr !important;
+    grid-template-rows: auto 1fr auto !important;
+  }
+  .sidebar-overlay {
+    display: none !important;
+  }
+  .app-sidebar {
+    position: static !important;
+    display: block !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-right: 0 !important;
+    overflow: visible !important;
+  }
+  .sidebar-wrapper {
+    height: auto !important;
+    overflow: visible !important;
+  }
+  .app-header {
+    position: static !important;
+  }
+  .app-main {
+    width: auto !important;
+    max-width: 100% !important;
+    overflow: visible !important;
+  }
+  .app-content {
+    overflow: visible !important;
+  }
+  .app-footer {
+    position: static !important;
+  }
 }
 /*# sourceMappingURL=adminlte.rtl.css.map */

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.rtl.css.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.rtl.min.css


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
dist/css/adminlte.rtl.min.css.map


+ 44 - 0
src/scss/_accessibility.scss

@@ -290,4 +290,48 @@ fieldset {
     font-size: .8em;
     content: " (" attr(href) ")";
   }
+
+  /* Print Layout Fix - Ensure sidebar and main content are both visible */
+  .app-wrapper {
+    display: grid !important;
+    grid-template-columns: auto 1fr !important;
+    grid-template-rows: auto 1fr auto !important;
+  }
+
+  .sidebar-overlay {
+    display: none !important;
+  }
+
+  .app-sidebar {
+    position: static !important;
+    display: block !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-left: 0 !important;
+    overflow: visible !important;
+  }
+
+  .sidebar-wrapper {
+    height: auto !important;
+    overflow: visible !important;
+  }
+
+  .app-header {
+    position: static !important;
+  }
+
+  .app-main {
+    width: auto !important;
+    max-width: 100% !important;
+    overflow: visible !important;
+  }
+
+  .app-content {
+    overflow: visible !important;
+  }
+
+  .app-footer {
+    position: static !important;
+  }
 }

Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio