Initial commit - QBPOS Help

2026-01-27 18:07:54 -06:00
commit e3d556b732
2307 changed files with 219842 additions and 0 deletions
--- a/QB_Help_Web/POS_Help/mobile-nav.css
+++ b/QB_Help_Web/POS_Help/mobile-nav.css
@@ -0,0 +1,140 @@
+/* ===== MOBILE NAVIGATION BAR ===== */
+
+/* Mobile navigation - only shown on mobile/tablet */
+.mobile-nav {
+    display: none;
+    position: sticky;
+    top: 0;
+    background: linear-gradient(135deg, #008000, #00a000);
+    padding: 10px 15px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    z-index: 1000;
+    border-bottom: 3px solid #006000;
+}
+
+.mobile-nav-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    max-width: 100%;
+}
+
+.mobile-nav .home-btn {
+    background-color: white;
+    color: #008000;
+    padding: 8px 16px;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 14pt;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    min-height: 44px;
+    min-width: 44px;
+}
+
+.mobile-nav .home-btn:hover,
+.mobile-nav .home-btn:active {
+    background-color: #f0f0f0;
+    transform: scale(0.98);
+}
+
+.mobile-nav .site-title {
+    color: white;
+    font-size: 16pt;
+    font-weight: bold;
+    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
+    flex-grow: 1;
+    text-align: center;
+    margin: 0 10px;
+}
+
+/* Offline notice below navbar */
+.offline-notice {
+    background-color: #fff3cd;
+    border-bottom: 2px solid #ffc107;
+    padding: 10px 15px;
+    text-align: center;
+    font-size: 11pt;
+    color: #856404;
+    font-weight: bold;
+}
+
+@media only screen and (min-width: 1025px) {
+    .offline-notice {
+        display: none;
+    }
+}
+
+/* Show mobile nav only on mobile and tablet */
+@media only screen and (max-width: 1024px) {
+    .mobile-nav {
+        display: block !important;
+    }
+}
+
+/* Hide on desktop */
+@media only screen and (min-width: 1025px) {
+    .mobile-nav {
+        display: none !important;
+    }
+}
+
+/* Adjust body padding when mobile nav is present */
+@media only screen and (max-width: 1024px) {
+    body.has-mobile-nav {
+        padding-top: 0 !important;
+    }
+}
+
+/* Back button styling */
+.mobile-nav .back-btn {
+    background-color: rgba(255,255,255,0.2);
+    color: white;
+    padding: 8px 12px;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 14pt;
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    min-height: 44px;
+}
+
+.mobile-nav .back-btn:hover,
+.mobile-nav .back-btn:active {
+    background-color: rgba(255,255,255,0.3);
+}
+
+/* Breadcrumb navigation for mobile */
+.mobile-breadcrumb {
+    display: none;
+    background-color: #f5f5f5;
+    padding: 8px 15px;
+    font-size: 12pt;
+    border-bottom: 1px solid #ddd;
+}
+
+@media only screen and (max-width: 1024px) {
+    .mobile-breadcrumb {
+        display: block;
+    }
+}
+
+.mobile-breadcrumb a {
+    color: #008000;
+    text-decoration: none;
+    padding: 4px 8px;
+}
+
+.mobile-breadcrumb a:hover {
+    text-decoration: underline;
+}
+
+.mobile-breadcrumb span {
+    color: #666;
+    padding: 0 5px;
+}