index.html

Rama main · réplica de lectura del repositorio original.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="favicon.ico" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#0f172a" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Inter:wght@300;400;500;600;700&family=Nunito:wght@400;600;700&family=Lilita+One&family=EB+Garamond:wght@400;600;700&family=Roboto+Slab:wght@400;600;700&family=Roboto:wght@400;500;700&family=JetBrains+Mono:wght@400;600;700&family=Poppins:wght@400;600;700&family=Montserrat:wght@400;600;700&family=Lato:wght@400;700&family=Source+Sans+3:wght@400;600;700&family=Work+Sans:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@400;600;700&family=DM+Serif+Display:wght@400;700&family=Fira+Code:wght@400;600;700&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Open+Sans:wght@400;600;700&family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Raleway:wght@400;600;700&family=Spectral:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Venmail Apps</title>
    <style>
      * {
        font-family: 'Onest', sans-serif;
      }
/* ===== GLOBAL RESET FOR PRINT ===== */
@media print {
  @page {
    margin: var(--print-margin-top, 20mm) var(--print-margin-right, 15mm) var(--print-margin-bottom, 20mm) var(--print-margin-left, 15mm);
    size: var(--page-width, 210mm) var(--page-height, 297mm);
  }

  /* Force everything to flow naturally */
  html, body, * {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  /* Remove app-level or framework wrappers that may scroll */
  [class*="layout"],
  [class*="container"],
  [class*="wrapper"],
  [class*="content"],
  [class*="scroll"],
  [class*="view"],
  [class*="main"],
  [id*="app"],
  main {
    height: auto !important;
    overflow: visible !important;
  }

  /* Hide UI or controls */
  .no-print,
  .toolbar,
  .tiptap-toolbar,
  .bubble-menu-modern,
  .floating-controls,
  .sidebar,
  .app-navbar,
  .toc-panel,
  .toc-toggle,
  nav,
  header,
  footer,
  aside {
    display: none !important;
  }

  /* ===== DOCUMENT BODY / TIPTAP AREA ===== */
  .doc-page,
  .document-container,
  .editor,
  .editor-content,
  .ProseMirror {
    width: 100% !important;
    max-width: var(--page-width, 210mm) !important;
    margin: 0 auto !important;
    padding: 0 !important; /* Let @page margins handle spacing */
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    page-break-after: auto !important;
    break-after: auto !important;
  }

  /* Preserve inline elements */
  strong, em, u, s, code, a, span, mark {
    display: inline !important;
  }

  /* Preserve list structure */
  ul, ol {
    display: block !important;
    list-style-position: outside !important;
    margin-left: 1.5em !important;
  }

  ul {
    list-style-type: disc !important;
  }

  ol {
    list-style-type: decimal !important;
  }

  li {
    display: list-item !important;
  }

  /* Preserve table structure */
  table {
    display: table !important;
    border-collapse: collapse !important;
    width: 100% !important;
  }

  thead {
    display: table-header-group !important;
  }

  tbody {
    display: table-row-group !important;
  }

  tfoot {
    display: table-footer-group !important;
  }

  tr {
    display: table-row !important;
  }

  th, td {
    display: table-cell !important;
    border: 1px solid #ddd !important;
    padding: 8px !important;
  }

  /* Page-by-page display (optional if you wrap content in .doc-page) */
  .doc-page:not(:last-child) {
    page-break-after: always !important;
    break-after: page !important;
  }

  /* ===== ELEMENT BEHAVIOR ON PAGE BREAKS ===== */
  h1, h2, h3, h4, h5, h6,
  table, thead, tfoot,
  pre, blockquote, img {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  /* Allow paragraphs and lists to split normally */
  p, ul, ol, li {
    page-break-inside: auto !important;
    break-inside: auto !important;
    orphans: 2;
    widows: 2;
  }

  /* Repeat table headers & footers across pages */
  thead { display: table-header-group !important; }
  tfoot { display: table-footer-group !important; }

  /* Avoid duplicate scrollbars in print view */
  ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Remove any absolute/fixed decorations */
  [style*="position:fixed"],
  [style*="position:absolute"] {
    position: static !important;
  }

  /* Ensure inline code, mark, highlight retain background */
  code, mark {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>