@pythia-software/query-table-ui 0.9.5 → 0.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +1891 -1188
- package/dist/index.js.map +1 -1
- package/dist/theme.css +309 -117
- package/dist/theme.css.map +1 -1
- package/package.json +3 -3
package/dist/theme.css
CHANGED
|
@@ -57,6 +57,13 @@
|
|
|
57
57
|
.qt-link:hover {
|
|
58
58
|
text-decoration: underline;
|
|
59
59
|
}
|
|
60
|
+
.qt-cell a.qt-link {
|
|
61
|
+
display: inline-block;
|
|
62
|
+
max-width: 100%;
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
text-overflow: ellipsis;
|
|
65
|
+
vertical-align: top;
|
|
66
|
+
}
|
|
60
67
|
.qt-pills {
|
|
61
68
|
display: inline-flex;
|
|
62
69
|
flex-wrap: wrap;
|
|
@@ -1011,6 +1018,11 @@
|
|
|
1011
1018
|
align-items: center;
|
|
1012
1019
|
gap: 4px;
|
|
1013
1020
|
}
|
|
1021
|
+
.qt-and-branch {
|
|
1022
|
+
border: 1px dashed var(--qt-border);
|
|
1023
|
+
border-radius: var(--qt-radius);
|
|
1024
|
+
padding: 0 4px;
|
|
1025
|
+
}
|
|
1014
1026
|
.qt-chip-or {
|
|
1015
1027
|
color: var(--qt-muted);
|
|
1016
1028
|
font-weight: 700;
|
|
@@ -1401,6 +1413,10 @@
|
|
|
1401
1413
|
padding: 0;
|
|
1402
1414
|
margin: 0;
|
|
1403
1415
|
}
|
|
1416
|
+
.qt-saved-error {
|
|
1417
|
+
margin: 0 0 8px;
|
|
1418
|
+
color: var(--qt-danger, #cf222e);
|
|
1419
|
+
}
|
|
1404
1420
|
.qt-saved-item {
|
|
1405
1421
|
display: flex;
|
|
1406
1422
|
align-items: center;
|
|
@@ -1688,9 +1704,9 @@
|
|
|
1688
1704
|
.qt-btn,
|
|
1689
1705
|
.qt-add,
|
|
1690
1706
|
.qt-link-btn {
|
|
1691
|
-
min-height: 40px;
|
|
1707
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1692
1708
|
height: auto;
|
|
1693
|
-
padding: 8px 10px;
|
|
1709
|
+
padding: calc(0px + 8px * var(--qt-touch-target-scale, 1)) calc(var(--_qt-padding-x, 6px) + (10px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
|
|
1694
1710
|
touch-action: manipulation;
|
|
1695
1711
|
}
|
|
1696
1712
|
.qt-chip-x,
|
|
@@ -1725,9 +1741,9 @@
|
|
|
1725
1741
|
min-width: 0;
|
|
1726
1742
|
}
|
|
1727
1743
|
.qt-qb-saved-star {
|
|
1728
|
-
width:
|
|
1729
|
-
min-width:
|
|
1730
|
-
min-height:
|
|
1744
|
+
width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1745
|
+
min-width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1746
|
+
min-height: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1731
1747
|
font-size: 18px;
|
|
1732
1748
|
}
|
|
1733
1749
|
.qt-qb-saved-name {
|
|
@@ -1766,7 +1782,7 @@
|
|
|
1766
1782
|
}
|
|
1767
1783
|
.qt-chip {
|
|
1768
1784
|
height: auto;
|
|
1769
|
-
min-height:
|
|
1785
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
1770
1786
|
padding: 0 8px;
|
|
1771
1787
|
gap: 5px;
|
|
1772
1788
|
flex-wrap: wrap;
|
|
@@ -1776,21 +1792,21 @@
|
|
|
1776
1792
|
display: none;
|
|
1777
1793
|
}
|
|
1778
1794
|
.qt-chip-x {
|
|
1779
|
-
min-width: 30px;
|
|
1780
|
-
min-height:
|
|
1795
|
+
min-width: calc(var(--_qt-target-width, 0px) + (30px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
1796
|
+
min-height: calc(20px + 10px * var(--qt-touch-target-scale, 1));
|
|
1781
1797
|
padding: 0 7px;
|
|
1782
1798
|
justify-content: center;
|
|
1783
1799
|
font-size: 13px;
|
|
1784
1800
|
}
|
|
1785
1801
|
.qt-chip-op,
|
|
1786
1802
|
.qt-chip-val {
|
|
1787
|
-
height:
|
|
1788
|
-
min-height:
|
|
1803
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1804
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1789
1805
|
padding: 0 6px;
|
|
1790
1806
|
font-size: 16px;
|
|
1791
1807
|
}
|
|
1792
1808
|
.qt-chip-op-btn {
|
|
1793
|
-
height:
|
|
1809
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1794
1810
|
padding: 0 8px;
|
|
1795
1811
|
font-size: 13px;
|
|
1796
1812
|
}
|
|
@@ -1806,12 +1822,12 @@
|
|
|
1806
1822
|
flex: 1 0 100%;
|
|
1807
1823
|
}
|
|
1808
1824
|
.qt-chip-agg-group {
|
|
1809
|
-
height:
|
|
1825
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1810
1826
|
font-size: 13px;
|
|
1811
1827
|
}
|
|
1812
1828
|
.qt-chip-agg-group .qt-chip-x {
|
|
1813
|
-
min-width: 28px;
|
|
1814
|
-
min-height:
|
|
1829
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
1830
|
+
min-height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
|
|
1815
1831
|
font-size: 12px;
|
|
1816
1832
|
}
|
|
1817
1833
|
.qt-qb-pagination {
|
|
@@ -1835,9 +1851,9 @@
|
|
|
1835
1851
|
}
|
|
1836
1852
|
.qt-qb-num {
|
|
1837
1853
|
width: 100%;
|
|
1838
|
-
min-height: 40px;
|
|
1854
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1839
1855
|
box-sizing: border-box;
|
|
1840
|
-
padding:
|
|
1856
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
1841
1857
|
font-size: 16px;
|
|
1842
1858
|
}
|
|
1843
1859
|
.qt-qb-run-bar {
|
|
@@ -1874,8 +1890,8 @@
|
|
|
1874
1890
|
}
|
|
1875
1891
|
.qt-auto-refresh-select {
|
|
1876
1892
|
width: 150px;
|
|
1877
|
-
height:
|
|
1878
|
-
padding:
|
|
1893
|
+
height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
1894
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
1879
1895
|
font-size: 16px;
|
|
1880
1896
|
}
|
|
1881
1897
|
.qt-picker {
|
|
@@ -1884,9 +1900,9 @@
|
|
|
1884
1900
|
}
|
|
1885
1901
|
.qt-picker-input {
|
|
1886
1902
|
width: 100%;
|
|
1887
|
-
min-height: 42px;
|
|
1903
|
+
min-height: calc(var(--_qt-target-height, 24px) + (42px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1888
1904
|
box-sizing: border-box;
|
|
1889
|
-
padding:
|
|
1905
|
+
padding: calc(2px + 5px * var(--qt-touch-target-scale, 1)) 9px;
|
|
1890
1906
|
font-size: 16px;
|
|
1891
1907
|
}
|
|
1892
1908
|
.qt-picker-list {
|
|
@@ -1898,8 +1914,8 @@
|
|
|
1898
1914
|
padding: 7px 10px;
|
|
1899
1915
|
}
|
|
1900
1916
|
.qt-picker-item {
|
|
1901
|
-
min-height: 48px;
|
|
1902
|
-
padding:
|
|
1917
|
+
min-height: calc(var(--_qt-target-height, 24px) + (48px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1918
|
+
padding: calc(5px + 3px * var(--qt-touch-target-scale, 1)) 10px;
|
|
1903
1919
|
font-size: 14px;
|
|
1904
1920
|
}
|
|
1905
1921
|
.qt-selection-toolbar {
|
|
@@ -1913,10 +1929,10 @@
|
|
|
1913
1929
|
margin-left: 0;
|
|
1914
1930
|
}
|
|
1915
1931
|
.qt-selection-actions > * {
|
|
1916
|
-
min-height: 40px;
|
|
1932
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1917
1933
|
}
|
|
1918
1934
|
.qt-qt-section-head {
|
|
1919
|
-
min-height:
|
|
1935
|
+
min-height: calc(36px + 12px * var(--qt-touch-target-scale, 1));
|
|
1920
1936
|
padding: 2px 8px;
|
|
1921
1937
|
}
|
|
1922
1938
|
.qt-qt-section-summary {
|
|
@@ -1925,8 +1941,8 @@
|
|
|
1925
1941
|
white-space: nowrap;
|
|
1926
1942
|
}
|
|
1927
1943
|
.qt-btn.qt-qt-section-toggle {
|
|
1928
|
-
height:
|
|
1929
|
-
min-height:
|
|
1944
|
+
height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
1945
|
+
min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
1930
1946
|
padding: 0 4px;
|
|
1931
1947
|
}
|
|
1932
1948
|
.qt-metrics {
|
|
@@ -1992,8 +2008,8 @@
|
|
|
1992
2008
|
background: var(--qt-row-selected-bg);
|
|
1993
2009
|
}
|
|
1994
2010
|
.qt-checkbox-cell input {
|
|
1995
|
-
width:
|
|
1996
|
-
height:
|
|
2011
|
+
width: calc(13px + 7px * var(--qt-touch-target-scale, 1));
|
|
2012
|
+
height: calc(13px + 7px * var(--qt-touch-target-scale, 1));
|
|
1997
2013
|
margin: 0;
|
|
1998
2014
|
}
|
|
1999
2015
|
.qt-empty {
|
|
@@ -2008,10 +2024,10 @@
|
|
|
2008
2024
|
left: 12px;
|
|
2009
2025
|
width: calc(100vw - 48px);
|
|
2010
2026
|
width: calc(100cqw - 24px);
|
|
2011
|
-
min-height:
|
|
2027
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
2012
2028
|
}
|
|
2013
2029
|
.qt-table-summary .qt-btn {
|
|
2014
|
-
min-width: 76px;
|
|
2030
|
+
min-width: calc(var(--_qt-target-width, 30px) + (76px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
|
|
2015
2031
|
}
|
|
2016
2032
|
.qt-cell-menu {
|
|
2017
2033
|
inset: auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
|
|
@@ -2026,8 +2042,8 @@
|
|
|
2026
2042
|
padding: 8px 10px 10px;
|
|
2027
2043
|
}
|
|
2028
2044
|
.qt-cm-item {
|
|
2029
|
-
min-height:
|
|
2030
|
-
padding:
|
|
2045
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
2046
|
+
padding: calc(6px + 4px * var(--qt-touch-target-scale, 1)) 12px;
|
|
2031
2047
|
font-size: 15px;
|
|
2032
2048
|
}
|
|
2033
2049
|
.qt-modal-backdrop {
|
|
@@ -2053,7 +2069,7 @@
|
|
|
2053
2069
|
.qt-saved-pick {
|
|
2054
2070
|
flex: 1 0 100%;
|
|
2055
2071
|
min-width: 0;
|
|
2056
|
-
padding:
|
|
2072
|
+
padding: calc(4px + 2px * var(--qt-touch-target-scale, 1)) 2px;
|
|
2057
2073
|
}
|
|
2058
2074
|
.qt-saved-default,
|
|
2059
2075
|
.qt-saved-delete {
|
|
@@ -2061,7 +2077,7 @@
|
|
|
2061
2077
|
justify-content: center;
|
|
2062
2078
|
}
|
|
2063
2079
|
.qt-modal-footer .qt-btn {
|
|
2064
|
-
min-width: 96px;
|
|
2080
|
+
min-width: calc(var(--_qt-target-width, 30px) + (96px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
|
|
2065
2081
|
justify-content: center;
|
|
2066
2082
|
}
|
|
2067
2083
|
}
|
|
@@ -2708,14 +2724,14 @@
|
|
|
2708
2724
|
.qt-sheet select,
|
|
2709
2725
|
.qt-sheet input:not([type=checkbox]),
|
|
2710
2726
|
.qt-selection-toolbar .qt-btn {
|
|
2711
|
-
min-height: 44px;
|
|
2727
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2712
2728
|
touch-action: manipulation;
|
|
2713
2729
|
}
|
|
2714
2730
|
.qt-qb .qt-btn,
|
|
2715
2731
|
.qt-qb .qt-add,
|
|
2716
2732
|
.qt-qb .qt-link-btn {
|
|
2717
|
-
padding: 6px 10px;
|
|
2718
|
-
min-width: 44px;
|
|
2733
|
+
padding: calc(0px + 6px * var(--qt-touch-target-scale, 1)) calc(var(--_qt-padding-x, 6px) + (10px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
|
|
2734
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2719
2735
|
}
|
|
2720
2736
|
.qt-qb-bar {
|
|
2721
2737
|
padding: 4px 8px;
|
|
@@ -2725,14 +2741,14 @@
|
|
|
2725
2741
|
gap: 6px;
|
|
2726
2742
|
}
|
|
2727
2743
|
.qt-qb-state-bar .qt-btn {
|
|
2728
|
-
min-height: 32px;
|
|
2729
|
-
min-width: 32px;
|
|
2744
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2745
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2730
2746
|
padding: 0 6px;
|
|
2731
2747
|
}
|
|
2732
2748
|
.qt-qb-state-bar .qt-qb-collapse-btn {
|
|
2733
2749
|
min-width: 0;
|
|
2734
|
-
height:
|
|
2735
|
-
min-height:
|
|
2750
|
+
height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
2751
|
+
min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
2736
2752
|
padding: 0 4px;
|
|
2737
2753
|
}
|
|
2738
2754
|
.qt-qb-editor-bar {
|
|
@@ -2782,7 +2798,7 @@
|
|
|
2782
2798
|
padding-left: 12px;
|
|
2783
2799
|
}
|
|
2784
2800
|
.qt-qb .qt-qb-num {
|
|
2785
|
-
min-height: 32px;
|
|
2801
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2786
2802
|
padding: 0 8px;
|
|
2787
2803
|
border-radius: 8px;
|
|
2788
2804
|
}
|
|
@@ -2796,7 +2812,7 @@
|
|
|
2796
2812
|
border-radius: 8px 0 0 8px;
|
|
2797
2813
|
}
|
|
2798
2814
|
.qt-qb-num-step {
|
|
2799
|
-
min-width: 44px;
|
|
2815
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2800
2816
|
padding: 0 10px;
|
|
2801
2817
|
font-size: 13px;
|
|
2802
2818
|
touch-action: manipulation;
|
|
@@ -2813,19 +2829,19 @@
|
|
|
2813
2829
|
}
|
|
2814
2830
|
.qt-th,
|
|
2815
2831
|
.qt-cell {
|
|
2816
|
-
height: 44px;
|
|
2832
|
+
height: calc(calc(1lh + 17px) + (44px - calc(1lh + 17px)) * var(--qt-touch-target-scale, 1));
|
|
2817
2833
|
padding-top: 6px;
|
|
2818
2834
|
padding-bottom: 6px;
|
|
2819
2835
|
}
|
|
2820
2836
|
.qt-qb .qt-qb-saved-star,
|
|
2821
2837
|
.qt-qb .qt-qb-saved-cancel {
|
|
2822
|
-
min-width: 44px;
|
|
2823
|
-
min-height: 44px;
|
|
2838
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2839
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2824
2840
|
}
|
|
2825
2841
|
.qt-qb-state-bar .qt-qb-saved-star,
|
|
2826
2842
|
.qt-qb-state-bar .qt-qb-saved-cancel {
|
|
2827
|
-
min-width: 32px;
|
|
2828
|
-
min-height: 32px;
|
|
2843
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2844
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2829
2845
|
}
|
|
2830
2846
|
.qt-qb-collapse-caret,
|
|
2831
2847
|
.qt-qt-section-toggle-caret {
|
|
@@ -2834,22 +2850,22 @@
|
|
|
2834
2850
|
}
|
|
2835
2851
|
.qt-qb .qt-chip-x,
|
|
2836
2852
|
.qt-qb .qt-chip-op-btn {
|
|
2837
|
-
min-height:
|
|
2838
|
-
min-width: 32px;
|
|
2853
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
2854
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2839
2855
|
padding-top: 0;
|
|
2840
2856
|
padding-bottom: 0;
|
|
2841
2857
|
}
|
|
2842
2858
|
.qt-qb .qt-chip-op,
|
|
2843
2859
|
.qt-qb .qt-chip-val {
|
|
2844
|
-
min-height:
|
|
2860
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
2845
2861
|
font-size: 16px;
|
|
2846
2862
|
max-width: 100%;
|
|
2847
2863
|
}
|
|
2848
2864
|
.qt-qb-editor-bar .qt-btn,
|
|
2849
2865
|
.qt-qb-editor-bar .qt-add,
|
|
2850
2866
|
.qt-qb-editor-bar .qt-link-btn {
|
|
2851
|
-
min-height: 32px;
|
|
2852
|
-
padding: 0 8px;
|
|
2867
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2868
|
+
padding: 0 calc(var(--_qt-padding-x, 6px) + (8px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
|
|
2853
2869
|
}
|
|
2854
2870
|
.qt-qb-editor-bar .qt-qb-row:not(.qt-qb-pagination) > .qt-qb-kw[data-mobile-label] {
|
|
2855
2871
|
flex: 1 0 auto;
|
|
@@ -2892,7 +2908,7 @@
|
|
|
2892
2908
|
width: 100%;
|
|
2893
2909
|
max-width: 100%;
|
|
2894
2910
|
min-width: 0;
|
|
2895
|
-
min-height:
|
|
2911
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2896
2912
|
border-radius: 8px;
|
|
2897
2913
|
background: var(--qt-bg, #fff);
|
|
2898
2914
|
box-shadow: inset 0 0 0 1px var(--qt-border);
|
|
@@ -2909,7 +2925,7 @@
|
|
|
2909
2925
|
flex: 1;
|
|
2910
2926
|
gap: 6px;
|
|
2911
2927
|
min-width: 0;
|
|
2912
|
-
min-height:
|
|
2928
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2913
2929
|
padding: 0 8px;
|
|
2914
2930
|
border: 0;
|
|
2915
2931
|
border-radius: 0;
|
|
@@ -2990,10 +3006,10 @@
|
|
|
2990
3006
|
padding-right: 8px;
|
|
2991
3007
|
}
|
|
2992
3008
|
.qt-split-btn {
|
|
2993
|
-
height:
|
|
3009
|
+
height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2994
3010
|
}
|
|
2995
3011
|
.qt-qb .qt-split-btn > .qt-split-btn-caret {
|
|
2996
|
-
width:
|
|
3012
|
+
width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
2997
3013
|
}
|
|
2998
3014
|
.qt-qb-row--filters > .qt-qb-hint,
|
|
2999
3015
|
.qt-qb-row--sort > .qt-qb-hint,
|
|
@@ -3012,7 +3028,7 @@
|
|
|
3012
3028
|
overflow: visible;
|
|
3013
3029
|
}
|
|
3014
3030
|
.qt-query-reorder-list > .qt-reorder-item {
|
|
3015
|
-
min-height:
|
|
3031
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3016
3032
|
max-width: 100%;
|
|
3017
3033
|
min-width: 0;
|
|
3018
3034
|
padding: 0;
|
|
@@ -3037,7 +3053,7 @@
|
|
|
3037
3053
|
.qt-query-reorder-list .qt-reorder-handle {
|
|
3038
3054
|
flex-shrink: 0;
|
|
3039
3055
|
min-width: 24px;
|
|
3040
|
-
min-height:
|
|
3056
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3041
3057
|
padding: 0;
|
|
3042
3058
|
font-size: 20px;
|
|
3043
3059
|
}
|
|
@@ -3117,7 +3133,7 @@
|
|
|
3117
3133
|
padding: 8px 12px;
|
|
3118
3134
|
}
|
|
3119
3135
|
.qt-sheet .qt-sort-extract-footer > button {
|
|
3120
|
-
min-height:
|
|
3136
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3121
3137
|
padding: 0 8px;
|
|
3122
3138
|
}
|
|
3123
3139
|
.qt-sheet .qt-reorder-hint {
|
|
@@ -3147,7 +3163,7 @@
|
|
|
3147
3163
|
}
|
|
3148
3164
|
.qt-sheet .qt-picker-input {
|
|
3149
3165
|
flex-shrink: 0;
|
|
3150
|
-
min-height: 44px;
|
|
3166
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3151
3167
|
padding: 6px 10px;
|
|
3152
3168
|
border-radius: 10px;
|
|
3153
3169
|
}
|
|
@@ -3164,7 +3180,7 @@
|
|
|
3164
3180
|
}
|
|
3165
3181
|
.qt-sheet .qt-picker-item {
|
|
3166
3182
|
padding: 6px 4px;
|
|
3167
|
-
min-height: 44px;
|
|
3183
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3168
3184
|
border-bottom: 1px solid var(--qt-border-subtle);
|
|
3169
3185
|
}
|
|
3170
3186
|
.qt-sheet .qt-picker-row {
|
|
@@ -3204,7 +3220,7 @@
|
|
|
3204
3220
|
}
|
|
3205
3221
|
.qt-sheet .qt-op-cell {
|
|
3206
3222
|
padding: 6px 8px;
|
|
3207
|
-
min-height:
|
|
3223
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
3208
3224
|
font-size: 15px;
|
|
3209
3225
|
}
|
|
3210
3226
|
.qt-sheet .qt-auto-refresh-popover {
|
|
@@ -3229,7 +3245,7 @@
|
|
|
3229
3245
|
flex-shrink: 0;
|
|
3230
3246
|
}
|
|
3231
3247
|
.qt-sheet .qt-value-picker-list button {
|
|
3232
|
-
min-height: 44px;
|
|
3248
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3233
3249
|
font-size: 16px;
|
|
3234
3250
|
padding: 6px 8px;
|
|
3235
3251
|
}
|
|
@@ -3256,18 +3272,18 @@
|
|
|
3256
3272
|
.qt-filter-editor .qt-chip-val {
|
|
3257
3273
|
width: 100% !important;
|
|
3258
3274
|
min-width: 0;
|
|
3259
|
-
min-height:
|
|
3275
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3260
3276
|
font-size: 16px;
|
|
3261
|
-
padding:
|
|
3277
|
+
padding: calc(1px + 5px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3262
3278
|
}
|
|
3263
3279
|
.qt-filter-editor .qt-chip-op-btn {
|
|
3264
|
-
min-height:
|
|
3280
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3265
3281
|
font-size: 16px;
|
|
3266
|
-
padding: 6px 8px;
|
|
3282
|
+
padding: calc(0px + 6px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3267
3283
|
}
|
|
3268
3284
|
.qt-filter-editor .qt-chip-x {
|
|
3269
|
-
min-width: 44px;
|
|
3270
|
-
min-height:
|
|
3285
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3286
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3271
3287
|
}
|
|
3272
3288
|
.qt-filter-combine {
|
|
3273
3289
|
display: flex;
|
|
@@ -3317,7 +3333,7 @@
|
|
|
3317
3333
|
.qt-mobile-form input,
|
|
3318
3334
|
.qt-mobile-form .qt-chip-val,
|
|
3319
3335
|
.qt-mobile-form .qt-chip-op-btn {
|
|
3320
|
-
min-height: 36px;
|
|
3336
|
+
min-height: calc(var(--_qt-target-height, 24px) + (36px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3321
3337
|
padding: 0 8px;
|
|
3322
3338
|
font-size: 16px;
|
|
3323
3339
|
border: 1px solid var(--qt-border);
|
|
@@ -3348,15 +3364,15 @@
|
|
|
3348
3364
|
}
|
|
3349
3365
|
.qt-mobile-form-inline .qt-btn {
|
|
3350
3366
|
flex-shrink: 0;
|
|
3351
|
-
min-width: 44px;
|
|
3352
|
-
min-height: 44px;
|
|
3367
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3368
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3353
3369
|
}
|
|
3354
3370
|
.qt-mobile-form-actions {
|
|
3355
3371
|
justify-content: space-between;
|
|
3356
3372
|
border-top: 1px solid var(--qt-border-subtle);
|
|
3357
3373
|
}
|
|
3358
3374
|
.qt-mobile-form-remove {
|
|
3359
|
-
min-height:
|
|
3375
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3360
3376
|
padding: 0 8px;
|
|
3361
3377
|
border: 0;
|
|
3362
3378
|
border-radius: 8px;
|
|
@@ -3368,7 +3384,7 @@
|
|
|
3368
3384
|
touch-action: manipulation;
|
|
3369
3385
|
}
|
|
3370
3386
|
.qt-sheet .qt-mobile-form-remove {
|
|
3371
|
-
min-height:
|
|
3387
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3372
3388
|
}
|
|
3373
3389
|
.qt-mobile-form > .qt-mobile-form-remove {
|
|
3374
3390
|
border-top: 1px solid var(--qt-border-subtle);
|
|
@@ -3390,7 +3406,7 @@
|
|
|
3390
3406
|
.qt-mobile-form .qt-chip-agg-group {
|
|
3391
3407
|
display: inline-flex;
|
|
3392
3408
|
align-items: center;
|
|
3393
|
-
min-height:
|
|
3409
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3394
3410
|
max-width: 100%;
|
|
3395
3411
|
padding-left: 8px;
|
|
3396
3412
|
border: 1px solid var(--qt-border);
|
|
@@ -3404,8 +3420,8 @@
|
|
|
3404
3420
|
.qt-sheet .qt-mobile-form .qt-chip-x,
|
|
3405
3421
|
.qt-sheet .qt-mobile-form .qt-chip-agg-add {
|
|
3406
3422
|
flex-shrink: 0;
|
|
3407
|
-
min-width: 32px;
|
|
3408
|
-
min-height:
|
|
3423
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3424
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3409
3425
|
padding-top: 0;
|
|
3410
3426
|
padding-bottom: 0;
|
|
3411
3427
|
}
|
|
@@ -3421,8 +3437,8 @@
|
|
|
3421
3437
|
}
|
|
3422
3438
|
.qt-filter-combine select {
|
|
3423
3439
|
min-width: 0;
|
|
3424
|
-
min-height:
|
|
3425
|
-
padding:
|
|
3440
|
+
min-height: calc(24px + 20px * var(--qt-touch-target-scale, 1));
|
|
3441
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3426
3442
|
border: 1px solid var(--qt-border);
|
|
3427
3443
|
border-radius: 8px;
|
|
3428
3444
|
background: var(--qt-bg, #fff);
|
|
@@ -3504,8 +3520,8 @@
|
|
|
3504
3520
|
}
|
|
3505
3521
|
.qt-sheet .qt-icon-btn,
|
|
3506
3522
|
.qt-sheet .qt-column-name {
|
|
3507
|
-
min-width: 32px;
|
|
3508
|
-
min-height: 32px;
|
|
3523
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3524
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3509
3525
|
padding-top: 0;
|
|
3510
3526
|
padding-bottom: 0;
|
|
3511
3527
|
}
|
|
@@ -3515,7 +3531,7 @@
|
|
|
3515
3531
|
.qt-sheet .qt-preview-controls input {
|
|
3516
3532
|
max-width: 100%;
|
|
3517
3533
|
font-size: 16px;
|
|
3518
|
-
padding: 6px 8px;
|
|
3534
|
+
padding: calc(min(6px, var(--_qt-padding-y, 1px)) + (6px - min(6px, var(--_qt-padding-y, 1px))) * var(--qt-touch-target-scale, 1)) 8px;
|
|
3519
3535
|
}
|
|
3520
3536
|
.qt-sheet .qt-catalogue-list {
|
|
3521
3537
|
max-height: none;
|
|
@@ -3698,10 +3714,10 @@
|
|
|
3698
3714
|
.qt-set-editor.qt-sheet select,
|
|
3699
3715
|
.qt-set-editor.qt-sheet > input {
|
|
3700
3716
|
font-size: 16px;
|
|
3701
|
-
min-height:
|
|
3717
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
3702
3718
|
}
|
|
3703
3719
|
.qt-set-editor.qt-sheet .qt-set-option {
|
|
3704
|
-
min-height: 44px;
|
|
3720
|
+
min-height: calc(calc(1lh + 12px) + (44px - calc(1lh + 12px)) * var(--qt-touch-target-scale, 1));
|
|
3705
3721
|
box-sizing: border-box;
|
|
3706
3722
|
}
|
|
3707
3723
|
}
|
|
@@ -4061,14 +4077,14 @@
|
|
|
4061
4077
|
}
|
|
4062
4078
|
.qt-json-action {
|
|
4063
4079
|
width: 28px;
|
|
4064
|
-
height:
|
|
4080
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4065
4081
|
}
|
|
4066
4082
|
.qt-json-search-mode {
|
|
4067
|
-
height:
|
|
4083
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4068
4084
|
width: 68px;
|
|
4069
4085
|
}
|
|
4070
4086
|
.qt-json-search.qt-input {
|
|
4071
|
-
height:
|
|
4087
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4072
4088
|
font-size: 16px;
|
|
4073
4089
|
}
|
|
4074
4090
|
.qt-json-content {
|
|
@@ -4080,7 +4096,7 @@
|
|
|
4080
4096
|
.qt-json-toggle,
|
|
4081
4097
|
.qt-json-toggle-space,
|
|
4082
4098
|
.qt-json-copy {
|
|
4083
|
-
height:
|
|
4099
|
+
height: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
4084
4100
|
}
|
|
4085
4101
|
.qt-json-copy {
|
|
4086
4102
|
opacity: 1;
|
|
@@ -4089,8 +4105,8 @@
|
|
|
4089
4105
|
@media (pointer: coarse) {
|
|
4090
4106
|
.qt-json-toggle,
|
|
4091
4107
|
.qt-json-copy {
|
|
4092
|
-
min-width: 28px;
|
|
4093
|
-
min-height:
|
|
4108
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
4109
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
4094
4110
|
}
|
|
4095
4111
|
.qt-json-copy {
|
|
4096
4112
|
opacity: 1;
|
|
@@ -5546,7 +5562,7 @@
|
|
|
5546
5562
|
display: none;
|
|
5547
5563
|
}
|
|
5548
5564
|
.qt-metrics-editor-header .qt-metric-close {
|
|
5549
|
-
min-height:
|
|
5565
|
+
min-height: calc(30px + 4px * var(--qt-touch-target-scale, 1));
|
|
5550
5566
|
order: 2;
|
|
5551
5567
|
margin-inline-start: auto;
|
|
5552
5568
|
}
|
|
@@ -5568,7 +5584,7 @@
|
|
|
5568
5584
|
}
|
|
5569
5585
|
.qt-metrics-editor-footer .qt-btn {
|
|
5570
5586
|
font-size: 12px;
|
|
5571
|
-
min-height:
|
|
5587
|
+
min-height: calc(30px + 8px * var(--qt-touch-target-scale, 1));
|
|
5572
5588
|
}
|
|
5573
5589
|
.qt-metric-workspace > :is(aside, section) {
|
|
5574
5590
|
padding: 12px;
|
|
@@ -5765,8 +5781,8 @@
|
|
|
5765
5781
|
}
|
|
5766
5782
|
@media (pointer: coarse) {
|
|
5767
5783
|
.qt-metric-card-resize {
|
|
5768
|
-
width:
|
|
5769
|
-
height:
|
|
5784
|
+
width: calc(22px + 8px * var(--qt-touch-target-scale, 1));
|
|
5785
|
+
height: calc(22px + 8px * var(--qt-touch-target-scale, 1));
|
|
5770
5786
|
}
|
|
5771
5787
|
.qt-metric-card-edit,
|
|
5772
5788
|
.qt-metric-card-resize {
|
|
@@ -6212,22 +6228,22 @@
|
|
|
6212
6228
|
.qt-property-controls .qt-btn,
|
|
6213
6229
|
.qt-property-controls .qt-add,
|
|
6214
6230
|
.qt-property-controls .qt-link-btn {
|
|
6215
|
-
min-height:
|
|
6231
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
6216
6232
|
}
|
|
6217
6233
|
.qt-property-icon-button {
|
|
6218
|
-
min-width:
|
|
6234
|
+
min-width: calc(26px + 6px * var(--qt-touch-target-scale, 1));
|
|
6219
6235
|
}
|
|
6220
6236
|
.qt-property-controls input,
|
|
6221
6237
|
.qt-property-controls select {
|
|
6222
6238
|
font-size: 16px;
|
|
6223
|
-
height:
|
|
6239
|
+
height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6224
6240
|
}
|
|
6225
6241
|
.qt-property-controls .qt-property-view-picker select {
|
|
6226
6242
|
max-width: 100%;
|
|
6227
6243
|
font-size: 13px;
|
|
6228
6244
|
}
|
|
6229
6245
|
.qt-property-controls .qt-property-save-star {
|
|
6230
|
-
width:
|
|
6246
|
+
width: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
6231
6247
|
}
|
|
6232
6248
|
.qt-property-columns,
|
|
6233
6249
|
.qt-property {
|
|
@@ -6464,7 +6480,7 @@
|
|
|
6464
6480
|
}
|
|
6465
6481
|
.qt-property-editor-tabs > button {
|
|
6466
6482
|
flex: 1;
|
|
6467
|
-
min-height:
|
|
6483
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
6468
6484
|
}
|
|
6469
6485
|
.qt-property-editor-tabs [aria-selected=true] {
|
|
6470
6486
|
color: var(--qt-accent);
|
|
@@ -6484,7 +6500,7 @@
|
|
|
6484
6500
|
padding: 0 12px 12px;
|
|
6485
6501
|
}
|
|
6486
6502
|
.qt-property-editor-list .qt-reorder-item {
|
|
6487
|
-
min-height:
|
|
6503
|
+
min-height: calc(40px + 4px * var(--qt-touch-target-scale, 1));
|
|
6488
6504
|
}
|
|
6489
6505
|
.qt-property-editor-footer {
|
|
6490
6506
|
padding: 12px;
|
|
@@ -6494,17 +6510,17 @@
|
|
|
6494
6510
|
}
|
|
6495
6511
|
.qt-property-editor-footer > button {
|
|
6496
6512
|
flex: 1;
|
|
6497
|
-
min-height:
|
|
6513
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
6498
6514
|
justify-content: center;
|
|
6499
6515
|
}
|
|
6500
6516
|
.qt-property-editor .qt-property-icon-button,
|
|
6501
6517
|
.qt-property-editor .qt-reorder-handle {
|
|
6502
|
-
min-height:
|
|
6503
|
-
min-width:
|
|
6518
|
+
min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6519
|
+
min-width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
6504
6520
|
}
|
|
6505
6521
|
.qt-property-editor :is(input, select) {
|
|
6506
6522
|
font-size: 16px;
|
|
6507
|
-
min-height: 40px;
|
|
6523
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
6508
6524
|
}
|
|
6509
6525
|
}
|
|
6510
6526
|
.qt-item-detail-actions {
|
|
@@ -6692,7 +6708,7 @@
|
|
|
6692
6708
|
gap: 0;
|
|
6693
6709
|
}
|
|
6694
6710
|
.qt-item-detail-button {
|
|
6695
|
-
min-height:
|
|
6711
|
+
min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6696
6712
|
}
|
|
6697
6713
|
.qt-item-expanded {
|
|
6698
6714
|
padding: 8px;
|
|
@@ -6975,7 +6991,7 @@
|
|
|
6975
6991
|
}
|
|
6976
6992
|
.qt-qb--compact .qt-qb-pagination .qt-qb-num {
|
|
6977
6993
|
width: 54px;
|
|
6978
|
-
min-height: 32px;
|
|
6994
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
6979
6995
|
}
|
|
6980
6996
|
.qt-qb--compact .qt-qb-body > .qt-qb-row--unused {
|
|
6981
6997
|
align-self: center;
|
|
@@ -7141,17 +7157,17 @@
|
|
|
7141
7157
|
}
|
|
7142
7158
|
@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
|
|
7143
7159
|
.qt-group-op-control {
|
|
7144
|
-
height:
|
|
7160
|
+
height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
|
|
7145
7161
|
}
|
|
7146
7162
|
.qt-qb--groupable .qt-group-clauses .qt-chip {
|
|
7147
|
-
height:
|
|
7148
|
-
min-height:
|
|
7163
|
+
height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7164
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7149
7165
|
}
|
|
7150
7166
|
.qt-qb--groupable .qt-query-reorder-list--columns {
|
|
7151
7167
|
gap: 6px;
|
|
7152
7168
|
}
|
|
7153
7169
|
.qt-group-views .qt-btn {
|
|
7154
|
-
min-height:
|
|
7170
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
7155
7171
|
}
|
|
7156
7172
|
}
|
|
7157
7173
|
.qt-columns-editor.qt-modal {
|
|
@@ -7685,8 +7701,8 @@
|
|
|
7685
7701
|
}
|
|
7686
7702
|
.qt-sheet .qt-representative-editor > .qt-picker-heading > button {
|
|
7687
7703
|
display: inline-flex;
|
|
7688
|
-
min-height:
|
|
7689
|
-
min-width: 32px;
|
|
7704
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7705
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
7690
7706
|
}
|
|
7691
7707
|
.qt-sheet .qt-representative-editor {
|
|
7692
7708
|
padding: 0 12px 12px;
|
|
@@ -7695,10 +7711,10 @@
|
|
|
7695
7711
|
.qt-representative-order .qt-chip-x,
|
|
7696
7712
|
.qt-representative-order .qt-reorder-handle,
|
|
7697
7713
|
.qt-representative-field {
|
|
7698
|
-
min-height: 32px;
|
|
7714
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
7699
7715
|
}
|
|
7700
7716
|
.qt-representative-order .qt-chip-x {
|
|
7701
|
-
min-width: 28px;
|
|
7717
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
7702
7718
|
}
|
|
7703
7719
|
.qt-representative-order .qt-chip-op-btn {
|
|
7704
7720
|
min-width: 0;
|
|
@@ -7706,7 +7722,7 @@
|
|
|
7706
7722
|
font-size: 12px;
|
|
7707
7723
|
}
|
|
7708
7724
|
.qt-representative-order .qt-reorder-handle {
|
|
7709
|
-
min-width:
|
|
7725
|
+
min-width: calc(16px + 8px * var(--qt-touch-target-scale, 1));
|
|
7710
7726
|
}
|
|
7711
7727
|
.qt-representative-field {
|
|
7712
7728
|
font-size: 13px;
|
|
@@ -7717,7 +7733,7 @@
|
|
|
7717
7733
|
.qt-representative-footer .qt-btn,
|
|
7718
7734
|
.qt-representative-footer > .qt-link-btn,
|
|
7719
7735
|
.qt-representative-body > .qt-add {
|
|
7720
|
-
min-height:
|
|
7736
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7721
7737
|
}
|
|
7722
7738
|
}
|
|
7723
7739
|
.qt-group-clauses .qt-qb-row--unused {
|
|
@@ -7847,6 +7863,182 @@
|
|
|
7847
7863
|
display: none;
|
|
7848
7864
|
}
|
|
7849
7865
|
}
|
|
7866
|
+
.qt-group-key-interval {
|
|
7867
|
+
margin-left: 4px;
|
|
7868
|
+
font-weight: 500;
|
|
7869
|
+
}
|
|
7870
|
+
|
|
7871
|
+
/* src/touchTargets.css */
|
|
7872
|
+
:where(.qt-btn, .qt-add, .qt-link-btn) {
|
|
7873
|
+
--_qt-target-height: 24px;
|
|
7874
|
+
}
|
|
7875
|
+
.qt-btn {
|
|
7876
|
+
--_qt-target-width: 30px;
|
|
7877
|
+
}
|
|
7878
|
+
.qt-add {
|
|
7879
|
+
--_qt-target-width: 26px;
|
|
7880
|
+
}
|
|
7881
|
+
.qt-link-btn {
|
|
7882
|
+
--_qt-target-width: 28px;
|
|
7883
|
+
}
|
|
7884
|
+
.qt-qb-collapse-btn,
|
|
7885
|
+
.qt-qt-section-toggle {
|
|
7886
|
+
--_qt-target-height: 28px;
|
|
7887
|
+
}
|
|
7888
|
+
.qt-chip-op,
|
|
7889
|
+
.qt-chip-val,
|
|
7890
|
+
.qt-chip-op-btn,
|
|
7891
|
+
.qt-chip-x,
|
|
7892
|
+
.qt-chip-agg-add {
|
|
7893
|
+
--_qt-target-height: 20px;
|
|
7894
|
+
}
|
|
7895
|
+
.qt-chip-x {
|
|
7896
|
+
--_qt-target-width: 20px;
|
|
7897
|
+
}
|
|
7898
|
+
.qt-chip-op-btn {
|
|
7899
|
+
--_qt-target-width: 20px;
|
|
7900
|
+
}
|
|
7901
|
+
.qt-qb-saved-star {
|
|
7902
|
+
--_qt-target-height: 16px;
|
|
7903
|
+
--_qt-target-width: 16px;
|
|
7904
|
+
}
|
|
7905
|
+
.qt-qb-saved-cancel {
|
|
7906
|
+
--_qt-target-height: 16px;
|
|
7907
|
+
--_qt-target-width: 16px;
|
|
7908
|
+
}
|
|
7909
|
+
.qt-qb-num,
|
|
7910
|
+
.qt-qb-saved-input {
|
|
7911
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7912
|
+
}
|
|
7913
|
+
.qt-qb-num-step {
|
|
7914
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7915
|
+
--_qt-target-width: calc(4ch + 13px);
|
|
7916
|
+
}
|
|
7917
|
+
.qt-cm-item,
|
|
7918
|
+
.qt-op-cell {
|
|
7919
|
+
--_qt-target-height: 32px;
|
|
7920
|
+
}
|
|
7921
|
+
.qt-picker-input {
|
|
7922
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7923
|
+
}
|
|
7924
|
+
.qt-popover .qt-input,
|
|
7925
|
+
.qt-field-picker-popover .qt-picker-input {
|
|
7926
|
+
--_qt-target-height: 32px;
|
|
7927
|
+
}
|
|
7928
|
+
.qt-popover .qt-input {
|
|
7929
|
+
--_qt-padding-y: 6px;
|
|
7930
|
+
}
|
|
7931
|
+
.qt-formula-input {
|
|
7932
|
+
--_qt-padding-y: 12px;
|
|
7933
|
+
}
|
|
7934
|
+
.qt-preview-controls select {
|
|
7935
|
+
--_qt-padding-y: 5px;
|
|
7936
|
+
}
|
|
7937
|
+
.qt-metrics-editor .qt-input {
|
|
7938
|
+
--_qt-padding-y: 6px;
|
|
7939
|
+
}
|
|
7940
|
+
.qt-picker-item {
|
|
7941
|
+
--_qt-target-height: calc(1lh + 10px);
|
|
7942
|
+
}
|
|
7943
|
+
.qt-picker-popover .qt-picker-input {
|
|
7944
|
+
--_qt-target-height: calc(1lh + 18px);
|
|
7945
|
+
}
|
|
7946
|
+
.qt-picker-popover .qt-picker-item {
|
|
7947
|
+
--_qt-target-height: calc(1lh + 18px);
|
|
7948
|
+
}
|
|
7949
|
+
.qt-saved-pick {
|
|
7950
|
+
--_qt-target-height: calc(2lh + 8px);
|
|
7951
|
+
}
|
|
7952
|
+
.qt-value-picker-list button {
|
|
7953
|
+
--_qt-target-height: calc(1lh + 16px);
|
|
7954
|
+
}
|
|
7955
|
+
.qt-sort-extract-input,
|
|
7956
|
+
.qt-sort-extract-direction,
|
|
7957
|
+
.qt-sort-extract-field {
|
|
7958
|
+
--_qt-target-height: 32px;
|
|
7959
|
+
}
|
|
7960
|
+
.qt-sort-direction-grid .qt-btn {
|
|
7961
|
+
--_qt-target-height: 34px;
|
|
7962
|
+
}
|
|
7963
|
+
.qt-icon-btn {
|
|
7964
|
+
--_qt-target-height: 22px;
|
|
7965
|
+
--_qt-target-width: 22px;
|
|
7966
|
+
}
|
|
7967
|
+
.qt-column-name {
|
|
7968
|
+
--_qt-target-height: 20px;
|
|
7969
|
+
}
|
|
7970
|
+
.qt-json-action {
|
|
7971
|
+
--_qt-target-height: 28px;
|
|
7972
|
+
--_qt-target-width: 28px;
|
|
7973
|
+
}
|
|
7974
|
+
.qt-json-toggle {
|
|
7975
|
+
--_qt-target-height: 24px;
|
|
7976
|
+
--_qt-target-width: 20px;
|
|
7977
|
+
}
|
|
7978
|
+
.qt-json-copy {
|
|
7979
|
+
--_qt-target-height: 24px;
|
|
7980
|
+
--_qt-target-width: 24px;
|
|
7981
|
+
}
|
|
7982
|
+
.qt-item-detail-button {
|
|
7983
|
+
--_qt-target-height: 28px;
|
|
7984
|
+
}
|
|
7985
|
+
.qt-property-icon-button {
|
|
7986
|
+
--_qt-target-width: 26px;
|
|
7987
|
+
--_qt-padding-x: 0px;
|
|
7988
|
+
}
|
|
7989
|
+
.qt-property-controls input,
|
|
7990
|
+
.qt-property-controls select {
|
|
7991
|
+
--_qt-target-height: 28px;
|
|
7992
|
+
}
|
|
7993
|
+
.qt-property-editor :is(input, select) {
|
|
7994
|
+
--_qt-target-height: calc(1lh * 5 / 6 + 4px);
|
|
7995
|
+
}
|
|
7996
|
+
.qt-property-pick {
|
|
7997
|
+
--_qt-target-height: calc(1.3em + 17px);
|
|
7998
|
+
}
|
|
7999
|
+
.qt-metrics-editor .qt-btn {
|
|
8000
|
+
--_qt-target-height: 30px;
|
|
8001
|
+
}
|
|
8002
|
+
.qt-metrics-editor :is(input, select) {
|
|
8003
|
+
--_qt-target-height: 34px;
|
|
8004
|
+
}
|
|
8005
|
+
.qt-metric-selection-tools select {
|
|
8006
|
+
--_qt-target-height: 30px;
|
|
8007
|
+
}
|
|
8008
|
+
.qt-representative-field {
|
|
8009
|
+
--_qt-target-height: 24px;
|
|
8010
|
+
}
|
|
8011
|
+
.qt-representative-order .qt-reorder-handle {
|
|
8012
|
+
--_qt-target-height: 22px;
|
|
8013
|
+
--_qt-target-width: 16px;
|
|
8014
|
+
}
|
|
8015
|
+
@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
|
|
8016
|
+
.qt-sheet .qt-picker-input {
|
|
8017
|
+
--_qt-target-height: calc(1lh * 3 / 4 + 18px);
|
|
8018
|
+
}
|
|
8019
|
+
.qt-sheet .qt-picker-item {
|
|
8020
|
+
--_qt-target-height: calc(1lh * 6 / 7 + 18px);
|
|
8021
|
+
}
|
|
8022
|
+
.qt-qb-num {
|
|
8023
|
+
--_qt-target-height: calc(1lh * 13 / 16 + 6px);
|
|
8024
|
+
}
|
|
8025
|
+
.qt-sheet .qt-value-picker-list button {
|
|
8026
|
+
--_qt-target-height: calc(1lh * 13 / 16 + 16px);
|
|
8027
|
+
}
|
|
8028
|
+
.qt-chip-op,
|
|
8029
|
+
.qt-chip-val {
|
|
8030
|
+
height: max(calc(1lh + 4px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
|
|
8031
|
+
}
|
|
8032
|
+
.qt-chip-op-btn {
|
|
8033
|
+
height: max(calc(1lh + 2px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
|
|
8034
|
+
}
|
|
8035
|
+
.qt-auto-refresh-select {
|
|
8036
|
+
height: max(calc(1lh + 6px + 8px * var(--qt-touch-target-scale, 1)), calc(24px + 16px * var(--qt-touch-target-scale, 1)));
|
|
8037
|
+
}
|
|
8038
|
+
.qt-json-search.qt-input {
|
|
8039
|
+
height: max(calc(1lh + 8px), calc(28px + 4px * var(--qt-touch-target-scale, 1)));
|
|
8040
|
+
}
|
|
8041
|
+
}
|
|
7850
8042
|
|
|
7851
8043
|
/* src/theme.css */
|
|
7852
8044
|
/*# sourceMappingURL=theme.css.map */
|