Merge remote-tracking branch 'origin/master'

2026-03-03 13:45:15 +03:00
parent 008eeb3e5f
commit 337364b259
4 changed files with 178 additions and 19 deletions
--- a/ui/src/css/app.css
+++ b/ui/src/css/app.css
@@ -1689,3 +1689,115 @@ body {
  width: 98vw;
  max-width: 1900px;
 }
+
+/* ===========================================================
+   GLOBAL MOBILE USABILITY PACK
+   =========================================================== */
+@media (max-width: 1024px) {
+  .q-layout,
+  .q-page-container,
+  .q-page {
+    max-width: 100vw;
+    overflow-x: hidden;
+  }
+
+  .q-page {
+    padding-left: 8px !important;
+    padding-right: 8px !important;
+  }
+
+  .q-toolbar {
+    min-height: 52px !important;
+  }
+
+  .q-toolbar-title {
+    font-size: 1.15rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .page-layout,
+  .statement-page,
+  .order-prod-page,
+  .permissions-page,
+  .user-detail-page {
+    min-height: 0;
+    overflow: auto;
+  }
+
+  .filter-sticky,
+  .local-filter-bar,
+  .sticky-bar,
+  .page-header,
+  .save-toolbar {
+    max-width: 100%;
+  }
+
+  .filters-panel {
+    max-height: 46vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .top-actions,
+  .top-actions.single-line {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: thin;
+  }
+
+  .top-actions > [class*='col-'],
+  .top-actions > .col-auto,
+  .top-actions.single-line > [class*='col-'],
+  .top-actions.single-line > .col-auto {
+    flex: 0 0 auto;
+    min-width: 180px;
+  }
+
+  .top-actions > .col-auto,
+  .top-actions.single-line > .col-auto {
+    min-width: auto;
+  }
+
+  .table-area,
+  .table-scroll,
+  .table-wrap {
+    min-width: 0;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .q-table__middle {
+    overflow: auto !important;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sticky-bar .q-btn,
+  .page-header .q-btn,
+  .save-toolbar .q-btn {
+    min-height: 30px;
+    font-size: 12px;
+    padding: 4px 8px;
+  }
+}
+
+@media (max-width: 1024px) and (orientation: landscape) {
+  .filters-panel,
+  .local-filter-bar {
+    max-height: 40vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .sticky-bar {
+    padding: 4px 6px !important;
+  }
+
+  .q-table__middle {
+    max-height: calc(100vh - 180px) !important;
+  }
+}