@pythia-software/query-table-ui 0.9.4 → 0.9.6
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 +57 -0
- package/dist/index.d.ts +6 -2
- package/dist/index.js +700 -365
- package/dist/index.js.map +1 -1
- package/dist/theme.css +308 -120
- package/dist/theme.css.map +1 -1
- package/package.json +3 -3
package/dist/theme.css
CHANGED
|
@@ -945,10 +945,26 @@
|
|
|
945
945
|
.qt-chip-x:hover {
|
|
946
946
|
color: var(--qt-fail-fg);
|
|
947
947
|
}
|
|
948
|
-
.qt-autocomplete-
|
|
948
|
+
.qt-autocomplete-menu {
|
|
949
|
+
min-width: min(20rem, calc(100vw - 16px));
|
|
950
|
+
}
|
|
951
|
+
.qt-autocomplete-option {
|
|
952
|
+
padding: 8px 10px;
|
|
953
|
+
border-radius: 4px;
|
|
954
|
+
cursor: pointer;
|
|
955
|
+
white-space: normal;
|
|
956
|
+
overflow-wrap: anywhere;
|
|
957
|
+
}
|
|
958
|
+
.qt-autocomplete-option:hover,
|
|
959
|
+
.qt-autocomplete-option[aria-selected=true] {
|
|
960
|
+
background: var(--qt-menu-hover, var(--qt-header-bg));
|
|
961
|
+
}
|
|
962
|
+
.qt-autocomplete-status {
|
|
963
|
+
margin: 6px 10px;
|
|
949
964
|
color: var(--qt-muted);
|
|
950
|
-
font-size:
|
|
951
|
-
|
|
965
|
+
font-size: 12px;
|
|
966
|
+
white-space: normal;
|
|
967
|
+
overflow-wrap: anywhere;
|
|
952
968
|
}
|
|
953
969
|
.qt-where-term-wrap {
|
|
954
970
|
display: inline-flex;
|
|
@@ -1672,9 +1688,9 @@
|
|
|
1672
1688
|
.qt-btn,
|
|
1673
1689
|
.qt-add,
|
|
1674
1690
|
.qt-link-btn {
|
|
1675
|
-
min-height: 40px;
|
|
1691
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1676
1692
|
height: auto;
|
|
1677
|
-
padding: 8px 10px;
|
|
1693
|
+
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));
|
|
1678
1694
|
touch-action: manipulation;
|
|
1679
1695
|
}
|
|
1680
1696
|
.qt-chip-x,
|
|
@@ -1709,9 +1725,9 @@
|
|
|
1709
1725
|
min-width: 0;
|
|
1710
1726
|
}
|
|
1711
1727
|
.qt-qb-saved-star {
|
|
1712
|
-
width:
|
|
1713
|
-
min-width:
|
|
1714
|
-
min-height:
|
|
1728
|
+
width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1729
|
+
min-width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1730
|
+
min-height: calc(16px + 16px * var(--qt-touch-target-scale, 1));
|
|
1715
1731
|
font-size: 18px;
|
|
1716
1732
|
}
|
|
1717
1733
|
.qt-qb-saved-name {
|
|
@@ -1750,7 +1766,7 @@
|
|
|
1750
1766
|
}
|
|
1751
1767
|
.qt-chip {
|
|
1752
1768
|
height: auto;
|
|
1753
|
-
min-height:
|
|
1769
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
1754
1770
|
padding: 0 8px;
|
|
1755
1771
|
gap: 5px;
|
|
1756
1772
|
flex-wrap: wrap;
|
|
@@ -1760,21 +1776,21 @@
|
|
|
1760
1776
|
display: none;
|
|
1761
1777
|
}
|
|
1762
1778
|
.qt-chip-x {
|
|
1763
|
-
min-width: 30px;
|
|
1764
|
-
min-height:
|
|
1779
|
+
min-width: calc(var(--_qt-target-width, 0px) + (30px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
1780
|
+
min-height: calc(20px + 10px * var(--qt-touch-target-scale, 1));
|
|
1765
1781
|
padding: 0 7px;
|
|
1766
1782
|
justify-content: center;
|
|
1767
1783
|
font-size: 13px;
|
|
1768
1784
|
}
|
|
1769
1785
|
.qt-chip-op,
|
|
1770
1786
|
.qt-chip-val {
|
|
1771
|
-
height:
|
|
1772
|
-
min-height:
|
|
1787
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1788
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1773
1789
|
padding: 0 6px;
|
|
1774
1790
|
font-size: 16px;
|
|
1775
1791
|
}
|
|
1776
1792
|
.qt-chip-op-btn {
|
|
1777
|
-
height:
|
|
1793
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1778
1794
|
padding: 0 8px;
|
|
1779
1795
|
font-size: 13px;
|
|
1780
1796
|
}
|
|
@@ -1790,12 +1806,12 @@
|
|
|
1790
1806
|
flex: 1 0 100%;
|
|
1791
1807
|
}
|
|
1792
1808
|
.qt-chip-agg-group {
|
|
1793
|
-
height:
|
|
1809
|
+
height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
1794
1810
|
font-size: 13px;
|
|
1795
1811
|
}
|
|
1796
1812
|
.qt-chip-agg-group .qt-chip-x {
|
|
1797
|
-
min-width: 28px;
|
|
1798
|
-
min-height:
|
|
1813
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
1814
|
+
min-height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
|
|
1799
1815
|
font-size: 12px;
|
|
1800
1816
|
}
|
|
1801
1817
|
.qt-qb-pagination {
|
|
@@ -1819,9 +1835,9 @@
|
|
|
1819
1835
|
}
|
|
1820
1836
|
.qt-qb-num {
|
|
1821
1837
|
width: 100%;
|
|
1822
|
-
min-height: 40px;
|
|
1838
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1823
1839
|
box-sizing: border-box;
|
|
1824
|
-
padding:
|
|
1840
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
1825
1841
|
font-size: 16px;
|
|
1826
1842
|
}
|
|
1827
1843
|
.qt-qb-run-bar {
|
|
@@ -1858,8 +1874,8 @@
|
|
|
1858
1874
|
}
|
|
1859
1875
|
.qt-auto-refresh-select {
|
|
1860
1876
|
width: 150px;
|
|
1861
|
-
height:
|
|
1862
|
-
padding:
|
|
1877
|
+
height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
1878
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
1863
1879
|
font-size: 16px;
|
|
1864
1880
|
}
|
|
1865
1881
|
.qt-picker {
|
|
@@ -1868,9 +1884,9 @@
|
|
|
1868
1884
|
}
|
|
1869
1885
|
.qt-picker-input {
|
|
1870
1886
|
width: 100%;
|
|
1871
|
-
min-height: 42px;
|
|
1887
|
+
min-height: calc(var(--_qt-target-height, 24px) + (42px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1872
1888
|
box-sizing: border-box;
|
|
1873
|
-
padding:
|
|
1889
|
+
padding: calc(2px + 5px * var(--qt-touch-target-scale, 1)) 9px;
|
|
1874
1890
|
font-size: 16px;
|
|
1875
1891
|
}
|
|
1876
1892
|
.qt-picker-list {
|
|
@@ -1882,8 +1898,8 @@
|
|
|
1882
1898
|
padding: 7px 10px;
|
|
1883
1899
|
}
|
|
1884
1900
|
.qt-picker-item {
|
|
1885
|
-
min-height: 48px;
|
|
1886
|
-
padding:
|
|
1901
|
+
min-height: calc(var(--_qt-target-height, 24px) + (48px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1902
|
+
padding: calc(5px + 3px * var(--qt-touch-target-scale, 1)) 10px;
|
|
1887
1903
|
font-size: 14px;
|
|
1888
1904
|
}
|
|
1889
1905
|
.qt-selection-toolbar {
|
|
@@ -1897,10 +1913,10 @@
|
|
|
1897
1913
|
margin-left: 0;
|
|
1898
1914
|
}
|
|
1899
1915
|
.qt-selection-actions > * {
|
|
1900
|
-
min-height: 40px;
|
|
1916
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
1901
1917
|
}
|
|
1902
1918
|
.qt-qt-section-head {
|
|
1903
|
-
min-height:
|
|
1919
|
+
min-height: calc(36px + 12px * var(--qt-touch-target-scale, 1));
|
|
1904
1920
|
padding: 2px 8px;
|
|
1905
1921
|
}
|
|
1906
1922
|
.qt-qt-section-summary {
|
|
@@ -1909,8 +1925,8 @@
|
|
|
1909
1925
|
white-space: nowrap;
|
|
1910
1926
|
}
|
|
1911
1927
|
.qt-btn.qt-qt-section-toggle {
|
|
1912
|
-
height:
|
|
1913
|
-
min-height:
|
|
1928
|
+
height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
1929
|
+
min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
1914
1930
|
padding: 0 4px;
|
|
1915
1931
|
}
|
|
1916
1932
|
.qt-metrics {
|
|
@@ -1976,8 +1992,8 @@
|
|
|
1976
1992
|
background: var(--qt-row-selected-bg);
|
|
1977
1993
|
}
|
|
1978
1994
|
.qt-checkbox-cell input {
|
|
1979
|
-
width:
|
|
1980
|
-
height:
|
|
1995
|
+
width: calc(13px + 7px * var(--qt-touch-target-scale, 1));
|
|
1996
|
+
height: calc(13px + 7px * var(--qt-touch-target-scale, 1));
|
|
1981
1997
|
margin: 0;
|
|
1982
1998
|
}
|
|
1983
1999
|
.qt-empty {
|
|
@@ -1992,10 +2008,10 @@
|
|
|
1992
2008
|
left: 12px;
|
|
1993
2009
|
width: calc(100vw - 48px);
|
|
1994
2010
|
width: calc(100cqw - 24px);
|
|
1995
|
-
min-height:
|
|
2011
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
1996
2012
|
}
|
|
1997
2013
|
.qt-table-summary .qt-btn {
|
|
1998
|
-
min-width: 76px;
|
|
2014
|
+
min-width: calc(var(--_qt-target-width, 30px) + (76px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
|
|
1999
2015
|
}
|
|
2000
2016
|
.qt-cell-menu {
|
|
2001
2017
|
inset: auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
|
|
@@ -2010,8 +2026,8 @@
|
|
|
2010
2026
|
padding: 8px 10px 10px;
|
|
2011
2027
|
}
|
|
2012
2028
|
.qt-cm-item {
|
|
2013
|
-
min-height:
|
|
2014
|
-
padding:
|
|
2029
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
2030
|
+
padding: calc(6px + 4px * var(--qt-touch-target-scale, 1)) 12px;
|
|
2015
2031
|
font-size: 15px;
|
|
2016
2032
|
}
|
|
2017
2033
|
.qt-modal-backdrop {
|
|
@@ -2037,7 +2053,7 @@
|
|
|
2037
2053
|
.qt-saved-pick {
|
|
2038
2054
|
flex: 1 0 100%;
|
|
2039
2055
|
min-width: 0;
|
|
2040
|
-
padding:
|
|
2056
|
+
padding: calc(4px + 2px * var(--qt-touch-target-scale, 1)) 2px;
|
|
2041
2057
|
}
|
|
2042
2058
|
.qt-saved-default,
|
|
2043
2059
|
.qt-saved-delete {
|
|
@@ -2045,7 +2061,7 @@
|
|
|
2045
2061
|
justify-content: center;
|
|
2046
2062
|
}
|
|
2047
2063
|
.qt-modal-footer .qt-btn {
|
|
2048
|
-
min-width: 96px;
|
|
2064
|
+
min-width: calc(var(--_qt-target-width, 30px) + (96px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
|
|
2049
2065
|
justify-content: center;
|
|
2050
2066
|
}
|
|
2051
2067
|
}
|
|
@@ -2692,14 +2708,14 @@
|
|
|
2692
2708
|
.qt-sheet select,
|
|
2693
2709
|
.qt-sheet input:not([type=checkbox]),
|
|
2694
2710
|
.qt-selection-toolbar .qt-btn {
|
|
2695
|
-
min-height: 44px;
|
|
2711
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2696
2712
|
touch-action: manipulation;
|
|
2697
2713
|
}
|
|
2698
2714
|
.qt-qb .qt-btn,
|
|
2699
2715
|
.qt-qb .qt-add,
|
|
2700
2716
|
.qt-qb .qt-link-btn {
|
|
2701
|
-
padding: 6px 10px;
|
|
2702
|
-
min-width: 44px;
|
|
2717
|
+
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));
|
|
2718
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2703
2719
|
}
|
|
2704
2720
|
.qt-qb-bar {
|
|
2705
2721
|
padding: 4px 8px;
|
|
@@ -2709,14 +2725,14 @@
|
|
|
2709
2725
|
gap: 6px;
|
|
2710
2726
|
}
|
|
2711
2727
|
.qt-qb-state-bar .qt-btn {
|
|
2712
|
-
min-height: 32px;
|
|
2713
|
-
min-width: 32px;
|
|
2728
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2729
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2714
2730
|
padding: 0 6px;
|
|
2715
2731
|
}
|
|
2716
2732
|
.qt-qb-state-bar .qt-qb-collapse-btn {
|
|
2717
2733
|
min-width: 0;
|
|
2718
|
-
height:
|
|
2719
|
-
min-height:
|
|
2734
|
+
height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
2735
|
+
min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
|
|
2720
2736
|
padding: 0 4px;
|
|
2721
2737
|
}
|
|
2722
2738
|
.qt-qb-editor-bar {
|
|
@@ -2766,7 +2782,7 @@
|
|
|
2766
2782
|
padding-left: 12px;
|
|
2767
2783
|
}
|
|
2768
2784
|
.qt-qb .qt-qb-num {
|
|
2769
|
-
min-height: 32px;
|
|
2785
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2770
2786
|
padding: 0 8px;
|
|
2771
2787
|
border-radius: 8px;
|
|
2772
2788
|
}
|
|
@@ -2780,7 +2796,7 @@
|
|
|
2780
2796
|
border-radius: 8px 0 0 8px;
|
|
2781
2797
|
}
|
|
2782
2798
|
.qt-qb-num-step {
|
|
2783
|
-
min-width: 44px;
|
|
2799
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2784
2800
|
padding: 0 10px;
|
|
2785
2801
|
font-size: 13px;
|
|
2786
2802
|
touch-action: manipulation;
|
|
@@ -2797,19 +2813,19 @@
|
|
|
2797
2813
|
}
|
|
2798
2814
|
.qt-th,
|
|
2799
2815
|
.qt-cell {
|
|
2800
|
-
height: 44px;
|
|
2816
|
+
height: calc(calc(1lh + 17px) + (44px - calc(1lh + 17px)) * var(--qt-touch-target-scale, 1));
|
|
2801
2817
|
padding-top: 6px;
|
|
2802
2818
|
padding-bottom: 6px;
|
|
2803
2819
|
}
|
|
2804
2820
|
.qt-qb .qt-qb-saved-star,
|
|
2805
2821
|
.qt-qb .qt-qb-saved-cancel {
|
|
2806
|
-
min-width: 44px;
|
|
2807
|
-
min-height: 44px;
|
|
2822
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2823
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2808
2824
|
}
|
|
2809
2825
|
.qt-qb-state-bar .qt-qb-saved-star,
|
|
2810
2826
|
.qt-qb-state-bar .qt-qb-saved-cancel {
|
|
2811
|
-
min-width: 32px;
|
|
2812
|
-
min-height: 32px;
|
|
2827
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2828
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2813
2829
|
}
|
|
2814
2830
|
.qt-qb-collapse-caret,
|
|
2815
2831
|
.qt-qt-section-toggle-caret {
|
|
@@ -2818,22 +2834,22 @@
|
|
|
2818
2834
|
}
|
|
2819
2835
|
.qt-qb .qt-chip-x,
|
|
2820
2836
|
.qt-qb .qt-chip-op-btn {
|
|
2821
|
-
min-height:
|
|
2822
|
-
min-width: 32px;
|
|
2837
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
2838
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
2823
2839
|
padding-top: 0;
|
|
2824
2840
|
padding-bottom: 0;
|
|
2825
2841
|
}
|
|
2826
2842
|
.qt-qb .qt-chip-op,
|
|
2827
2843
|
.qt-qb .qt-chip-val {
|
|
2828
|
-
min-height:
|
|
2844
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
2829
2845
|
font-size: 16px;
|
|
2830
2846
|
max-width: 100%;
|
|
2831
2847
|
}
|
|
2832
2848
|
.qt-qb-editor-bar .qt-btn,
|
|
2833
2849
|
.qt-qb-editor-bar .qt-add,
|
|
2834
2850
|
.qt-qb-editor-bar .qt-link-btn {
|
|
2835
|
-
min-height: 32px;
|
|
2836
|
-
padding: 0 8px;
|
|
2851
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
2852
|
+
padding: 0 calc(var(--_qt-padding-x, 6px) + (8px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
|
|
2837
2853
|
}
|
|
2838
2854
|
.qt-qb-editor-bar .qt-qb-row:not(.qt-qb-pagination) > .qt-qb-kw[data-mobile-label] {
|
|
2839
2855
|
flex: 1 0 auto;
|
|
@@ -2876,7 +2892,7 @@
|
|
|
2876
2892
|
width: 100%;
|
|
2877
2893
|
max-width: 100%;
|
|
2878
2894
|
min-width: 0;
|
|
2879
|
-
min-height:
|
|
2895
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2880
2896
|
border-radius: 8px;
|
|
2881
2897
|
background: var(--qt-bg, #fff);
|
|
2882
2898
|
box-shadow: inset 0 0 0 1px var(--qt-border);
|
|
@@ -2893,7 +2909,7 @@
|
|
|
2893
2909
|
flex: 1;
|
|
2894
2910
|
gap: 6px;
|
|
2895
2911
|
min-width: 0;
|
|
2896
|
-
min-height:
|
|
2912
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2897
2913
|
padding: 0 8px;
|
|
2898
2914
|
border: 0;
|
|
2899
2915
|
border-radius: 0;
|
|
@@ -2974,10 +2990,10 @@
|
|
|
2974
2990
|
padding-right: 8px;
|
|
2975
2991
|
}
|
|
2976
2992
|
.qt-split-btn {
|
|
2977
|
-
height:
|
|
2993
|
+
height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
2978
2994
|
}
|
|
2979
2995
|
.qt-qb .qt-split-btn > .qt-split-btn-caret {
|
|
2980
|
-
width:
|
|
2996
|
+
width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
2981
2997
|
}
|
|
2982
2998
|
.qt-qb-row--filters > .qt-qb-hint,
|
|
2983
2999
|
.qt-qb-row--sort > .qt-qb-hint,
|
|
@@ -2996,7 +3012,7 @@
|
|
|
2996
3012
|
overflow: visible;
|
|
2997
3013
|
}
|
|
2998
3014
|
.qt-query-reorder-list > .qt-reorder-item {
|
|
2999
|
-
min-height:
|
|
3015
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3000
3016
|
max-width: 100%;
|
|
3001
3017
|
min-width: 0;
|
|
3002
3018
|
padding: 0;
|
|
@@ -3021,7 +3037,7 @@
|
|
|
3021
3037
|
.qt-query-reorder-list .qt-reorder-handle {
|
|
3022
3038
|
flex-shrink: 0;
|
|
3023
3039
|
min-width: 24px;
|
|
3024
|
-
min-height:
|
|
3040
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3025
3041
|
padding: 0;
|
|
3026
3042
|
font-size: 20px;
|
|
3027
3043
|
}
|
|
@@ -3101,7 +3117,7 @@
|
|
|
3101
3117
|
padding: 8px 12px;
|
|
3102
3118
|
}
|
|
3103
3119
|
.qt-sheet .qt-sort-extract-footer > button {
|
|
3104
|
-
min-height:
|
|
3120
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3105
3121
|
padding: 0 8px;
|
|
3106
3122
|
}
|
|
3107
3123
|
.qt-sheet .qt-reorder-hint {
|
|
@@ -3131,7 +3147,7 @@
|
|
|
3131
3147
|
}
|
|
3132
3148
|
.qt-sheet .qt-picker-input {
|
|
3133
3149
|
flex-shrink: 0;
|
|
3134
|
-
min-height: 44px;
|
|
3150
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3135
3151
|
padding: 6px 10px;
|
|
3136
3152
|
border-radius: 10px;
|
|
3137
3153
|
}
|
|
@@ -3148,7 +3164,7 @@
|
|
|
3148
3164
|
}
|
|
3149
3165
|
.qt-sheet .qt-picker-item {
|
|
3150
3166
|
padding: 6px 4px;
|
|
3151
|
-
min-height: 44px;
|
|
3167
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3152
3168
|
border-bottom: 1px solid var(--qt-border-subtle);
|
|
3153
3169
|
}
|
|
3154
3170
|
.qt-sheet .qt-picker-row {
|
|
@@ -3188,7 +3204,7 @@
|
|
|
3188
3204
|
}
|
|
3189
3205
|
.qt-sheet .qt-op-cell {
|
|
3190
3206
|
padding: 6px 8px;
|
|
3191
|
-
min-height:
|
|
3207
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
3192
3208
|
font-size: 15px;
|
|
3193
3209
|
}
|
|
3194
3210
|
.qt-sheet .qt-auto-refresh-popover {
|
|
@@ -3213,7 +3229,7 @@
|
|
|
3213
3229
|
flex-shrink: 0;
|
|
3214
3230
|
}
|
|
3215
3231
|
.qt-sheet .qt-value-picker-list button {
|
|
3216
|
-
min-height: 44px;
|
|
3232
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3217
3233
|
font-size: 16px;
|
|
3218
3234
|
padding: 6px 8px;
|
|
3219
3235
|
}
|
|
@@ -3240,18 +3256,18 @@
|
|
|
3240
3256
|
.qt-filter-editor .qt-chip-val {
|
|
3241
3257
|
width: 100% !important;
|
|
3242
3258
|
min-width: 0;
|
|
3243
|
-
min-height:
|
|
3259
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3244
3260
|
font-size: 16px;
|
|
3245
|
-
padding:
|
|
3261
|
+
padding: calc(1px + 5px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3246
3262
|
}
|
|
3247
3263
|
.qt-filter-editor .qt-chip-op-btn {
|
|
3248
|
-
min-height:
|
|
3264
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3249
3265
|
font-size: 16px;
|
|
3250
|
-
padding: 6px 8px;
|
|
3266
|
+
padding: calc(0px + 6px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3251
3267
|
}
|
|
3252
3268
|
.qt-filter-editor .qt-chip-x {
|
|
3253
|
-
min-width: 44px;
|
|
3254
|
-
min-height:
|
|
3269
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3270
|
+
min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
|
|
3255
3271
|
}
|
|
3256
3272
|
.qt-filter-combine {
|
|
3257
3273
|
display: flex;
|
|
@@ -3301,7 +3317,7 @@
|
|
|
3301
3317
|
.qt-mobile-form input,
|
|
3302
3318
|
.qt-mobile-form .qt-chip-val,
|
|
3303
3319
|
.qt-mobile-form .qt-chip-op-btn {
|
|
3304
|
-
min-height: 36px;
|
|
3320
|
+
min-height: calc(var(--_qt-target-height, 24px) + (36px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3305
3321
|
padding: 0 8px;
|
|
3306
3322
|
font-size: 16px;
|
|
3307
3323
|
border: 1px solid var(--qt-border);
|
|
@@ -3332,15 +3348,15 @@
|
|
|
3332
3348
|
}
|
|
3333
3349
|
.qt-mobile-form-inline .qt-btn {
|
|
3334
3350
|
flex-shrink: 0;
|
|
3335
|
-
min-width: 44px;
|
|
3336
|
-
min-height: 44px;
|
|
3351
|
+
min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3352
|
+
min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3337
3353
|
}
|
|
3338
3354
|
.qt-mobile-form-actions {
|
|
3339
3355
|
justify-content: space-between;
|
|
3340
3356
|
border-top: 1px solid var(--qt-border-subtle);
|
|
3341
3357
|
}
|
|
3342
3358
|
.qt-mobile-form-remove {
|
|
3343
|
-
min-height:
|
|
3359
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3344
3360
|
padding: 0 8px;
|
|
3345
3361
|
border: 0;
|
|
3346
3362
|
border-radius: 8px;
|
|
@@ -3352,7 +3368,7 @@
|
|
|
3352
3368
|
touch-action: manipulation;
|
|
3353
3369
|
}
|
|
3354
3370
|
.qt-sheet .qt-mobile-form-remove {
|
|
3355
|
-
min-height:
|
|
3371
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
3356
3372
|
}
|
|
3357
3373
|
.qt-mobile-form > .qt-mobile-form-remove {
|
|
3358
3374
|
border-top: 1px solid var(--qt-border-subtle);
|
|
@@ -3374,7 +3390,7 @@
|
|
|
3374
3390
|
.qt-mobile-form .qt-chip-agg-group {
|
|
3375
3391
|
display: inline-flex;
|
|
3376
3392
|
align-items: center;
|
|
3377
|
-
min-height:
|
|
3393
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3378
3394
|
max-width: 100%;
|
|
3379
3395
|
padding-left: 8px;
|
|
3380
3396
|
border: 1px solid var(--qt-border);
|
|
@@ -3388,8 +3404,8 @@
|
|
|
3388
3404
|
.qt-sheet .qt-mobile-form .qt-chip-x,
|
|
3389
3405
|
.qt-sheet .qt-mobile-form .qt-chip-agg-add {
|
|
3390
3406
|
flex-shrink: 0;
|
|
3391
|
-
min-width: 32px;
|
|
3392
|
-
min-height:
|
|
3407
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3408
|
+
min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
|
|
3393
3409
|
padding-top: 0;
|
|
3394
3410
|
padding-bottom: 0;
|
|
3395
3411
|
}
|
|
@@ -3405,8 +3421,8 @@
|
|
|
3405
3421
|
}
|
|
3406
3422
|
.qt-filter-combine select {
|
|
3407
3423
|
min-width: 0;
|
|
3408
|
-
min-height:
|
|
3409
|
-
padding:
|
|
3424
|
+
min-height: calc(24px + 20px * var(--qt-touch-target-scale, 1));
|
|
3425
|
+
padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
|
|
3410
3426
|
border: 1px solid var(--qt-border);
|
|
3411
3427
|
border-radius: 8px;
|
|
3412
3428
|
background: var(--qt-bg, #fff);
|
|
@@ -3488,8 +3504,8 @@
|
|
|
3488
3504
|
}
|
|
3489
3505
|
.qt-sheet .qt-icon-btn,
|
|
3490
3506
|
.qt-sheet .qt-column-name {
|
|
3491
|
-
min-width: 32px;
|
|
3492
|
-
min-height: 32px;
|
|
3507
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
3508
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
3493
3509
|
padding-top: 0;
|
|
3494
3510
|
padding-bottom: 0;
|
|
3495
3511
|
}
|
|
@@ -3499,7 +3515,7 @@
|
|
|
3499
3515
|
.qt-sheet .qt-preview-controls input {
|
|
3500
3516
|
max-width: 100%;
|
|
3501
3517
|
font-size: 16px;
|
|
3502
|
-
padding: 6px 8px;
|
|
3518
|
+
padding: calc(min(6px, var(--_qt-padding-y, 1px)) + (6px - min(6px, var(--_qt-padding-y, 1px))) * var(--qt-touch-target-scale, 1)) 8px;
|
|
3503
3519
|
}
|
|
3504
3520
|
.qt-sheet .qt-catalogue-list {
|
|
3505
3521
|
max-height: none;
|
|
@@ -3682,10 +3698,10 @@
|
|
|
3682
3698
|
.qt-set-editor.qt-sheet select,
|
|
3683
3699
|
.qt-set-editor.qt-sheet > input {
|
|
3684
3700
|
font-size: 16px;
|
|
3685
|
-
min-height:
|
|
3701
|
+
min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
|
|
3686
3702
|
}
|
|
3687
3703
|
.qt-set-editor.qt-sheet .qt-set-option {
|
|
3688
|
-
min-height: 44px;
|
|
3704
|
+
min-height: calc(calc(1lh + 12px) + (44px - calc(1lh + 12px)) * var(--qt-touch-target-scale, 1));
|
|
3689
3705
|
box-sizing: border-box;
|
|
3690
3706
|
}
|
|
3691
3707
|
}
|
|
@@ -4045,14 +4061,14 @@
|
|
|
4045
4061
|
}
|
|
4046
4062
|
.qt-json-action {
|
|
4047
4063
|
width: 28px;
|
|
4048
|
-
height:
|
|
4064
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4049
4065
|
}
|
|
4050
4066
|
.qt-json-search-mode {
|
|
4051
|
-
height:
|
|
4067
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4052
4068
|
width: 68px;
|
|
4053
4069
|
}
|
|
4054
4070
|
.qt-json-search.qt-input {
|
|
4055
|
-
height:
|
|
4071
|
+
height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
|
|
4056
4072
|
font-size: 16px;
|
|
4057
4073
|
}
|
|
4058
4074
|
.qt-json-content {
|
|
@@ -4064,7 +4080,7 @@
|
|
|
4064
4080
|
.qt-json-toggle,
|
|
4065
4081
|
.qt-json-toggle-space,
|
|
4066
4082
|
.qt-json-copy {
|
|
4067
|
-
height:
|
|
4083
|
+
height: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
4068
4084
|
}
|
|
4069
4085
|
.qt-json-copy {
|
|
4070
4086
|
opacity: 1;
|
|
@@ -4073,8 +4089,8 @@
|
|
|
4073
4089
|
@media (pointer: coarse) {
|
|
4074
4090
|
.qt-json-toggle,
|
|
4075
4091
|
.qt-json-copy {
|
|
4076
|
-
min-width: 28px;
|
|
4077
|
-
min-height:
|
|
4092
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
4093
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
4078
4094
|
}
|
|
4079
4095
|
.qt-json-copy {
|
|
4080
4096
|
opacity: 1;
|
|
@@ -5530,7 +5546,7 @@
|
|
|
5530
5546
|
display: none;
|
|
5531
5547
|
}
|
|
5532
5548
|
.qt-metrics-editor-header .qt-metric-close {
|
|
5533
|
-
min-height:
|
|
5549
|
+
min-height: calc(30px + 4px * var(--qt-touch-target-scale, 1));
|
|
5534
5550
|
order: 2;
|
|
5535
5551
|
margin-inline-start: auto;
|
|
5536
5552
|
}
|
|
@@ -5552,7 +5568,7 @@
|
|
|
5552
5568
|
}
|
|
5553
5569
|
.qt-metrics-editor-footer .qt-btn {
|
|
5554
5570
|
font-size: 12px;
|
|
5555
|
-
min-height:
|
|
5571
|
+
min-height: calc(30px + 8px * var(--qt-touch-target-scale, 1));
|
|
5556
5572
|
}
|
|
5557
5573
|
.qt-metric-workspace > :is(aside, section) {
|
|
5558
5574
|
padding: 12px;
|
|
@@ -5749,8 +5765,8 @@
|
|
|
5749
5765
|
}
|
|
5750
5766
|
@media (pointer: coarse) {
|
|
5751
5767
|
.qt-metric-card-resize {
|
|
5752
|
-
width:
|
|
5753
|
-
height:
|
|
5768
|
+
width: calc(22px + 8px * var(--qt-touch-target-scale, 1));
|
|
5769
|
+
height: calc(22px + 8px * var(--qt-touch-target-scale, 1));
|
|
5754
5770
|
}
|
|
5755
5771
|
.qt-metric-card-edit,
|
|
5756
5772
|
.qt-metric-card-resize {
|
|
@@ -6196,22 +6212,22 @@
|
|
|
6196
6212
|
.qt-property-controls .qt-btn,
|
|
6197
6213
|
.qt-property-controls .qt-add,
|
|
6198
6214
|
.qt-property-controls .qt-link-btn {
|
|
6199
|
-
min-height:
|
|
6215
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
6200
6216
|
}
|
|
6201
6217
|
.qt-property-icon-button {
|
|
6202
|
-
min-width:
|
|
6218
|
+
min-width: calc(26px + 6px * var(--qt-touch-target-scale, 1));
|
|
6203
6219
|
}
|
|
6204
6220
|
.qt-property-controls input,
|
|
6205
6221
|
.qt-property-controls select {
|
|
6206
6222
|
font-size: 16px;
|
|
6207
|
-
height:
|
|
6223
|
+
height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6208
6224
|
}
|
|
6209
6225
|
.qt-property-controls .qt-property-view-picker select {
|
|
6210
6226
|
max-width: 100%;
|
|
6211
6227
|
font-size: 13px;
|
|
6212
6228
|
}
|
|
6213
6229
|
.qt-property-controls .qt-property-save-star {
|
|
6214
|
-
width:
|
|
6230
|
+
width: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
6215
6231
|
}
|
|
6216
6232
|
.qt-property-columns,
|
|
6217
6233
|
.qt-property {
|
|
@@ -6448,7 +6464,7 @@
|
|
|
6448
6464
|
}
|
|
6449
6465
|
.qt-property-editor-tabs > button {
|
|
6450
6466
|
flex: 1;
|
|
6451
|
-
min-height:
|
|
6467
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
6452
6468
|
}
|
|
6453
6469
|
.qt-property-editor-tabs [aria-selected=true] {
|
|
6454
6470
|
color: var(--qt-accent);
|
|
@@ -6468,7 +6484,7 @@
|
|
|
6468
6484
|
padding: 0 12px 12px;
|
|
6469
6485
|
}
|
|
6470
6486
|
.qt-property-editor-list .qt-reorder-item {
|
|
6471
|
-
min-height:
|
|
6487
|
+
min-height: calc(40px + 4px * var(--qt-touch-target-scale, 1));
|
|
6472
6488
|
}
|
|
6473
6489
|
.qt-property-editor-footer {
|
|
6474
6490
|
padding: 12px;
|
|
@@ -6478,17 +6494,17 @@
|
|
|
6478
6494
|
}
|
|
6479
6495
|
.qt-property-editor-footer > button {
|
|
6480
6496
|
flex: 1;
|
|
6481
|
-
min-height:
|
|
6497
|
+
min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
|
|
6482
6498
|
justify-content: center;
|
|
6483
6499
|
}
|
|
6484
6500
|
.qt-property-editor .qt-property-icon-button,
|
|
6485
6501
|
.qt-property-editor .qt-reorder-handle {
|
|
6486
|
-
min-height:
|
|
6487
|
-
min-width:
|
|
6502
|
+
min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6503
|
+
min-width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
|
|
6488
6504
|
}
|
|
6489
6505
|
.qt-property-editor :is(input, select) {
|
|
6490
6506
|
font-size: 16px;
|
|
6491
|
-
min-height: 40px;
|
|
6507
|
+
min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
6492
6508
|
}
|
|
6493
6509
|
}
|
|
6494
6510
|
.qt-item-detail-actions {
|
|
@@ -6676,7 +6692,7 @@
|
|
|
6676
6692
|
gap: 0;
|
|
6677
6693
|
}
|
|
6678
6694
|
.qt-item-detail-button {
|
|
6679
|
-
min-height:
|
|
6695
|
+
min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
|
|
6680
6696
|
}
|
|
6681
6697
|
.qt-item-expanded {
|
|
6682
6698
|
padding: 8px;
|
|
@@ -6959,7 +6975,7 @@
|
|
|
6959
6975
|
}
|
|
6960
6976
|
.qt-qb--compact .qt-qb-pagination .qt-qb-num {
|
|
6961
6977
|
width: 54px;
|
|
6962
|
-
min-height: 32px;
|
|
6978
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
6963
6979
|
}
|
|
6964
6980
|
.qt-qb--compact .qt-qb-body > .qt-qb-row--unused {
|
|
6965
6981
|
align-self: center;
|
|
@@ -7125,17 +7141,17 @@
|
|
|
7125
7141
|
}
|
|
7126
7142
|
@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
|
|
7127
7143
|
.qt-group-op-control {
|
|
7128
|
-
height:
|
|
7144
|
+
height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
|
|
7129
7145
|
}
|
|
7130
7146
|
.qt-qb--groupable .qt-group-clauses .qt-chip {
|
|
7131
|
-
height:
|
|
7132
|
-
min-height:
|
|
7147
|
+
height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7148
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7133
7149
|
}
|
|
7134
7150
|
.qt-qb--groupable .qt-query-reorder-list--columns {
|
|
7135
7151
|
gap: 6px;
|
|
7136
7152
|
}
|
|
7137
7153
|
.qt-group-views .qt-btn {
|
|
7138
|
-
min-height:
|
|
7154
|
+
min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
|
|
7139
7155
|
}
|
|
7140
7156
|
}
|
|
7141
7157
|
.qt-columns-editor.qt-modal {
|
|
@@ -7669,8 +7685,8 @@
|
|
|
7669
7685
|
}
|
|
7670
7686
|
.qt-sheet .qt-representative-editor > .qt-picker-heading > button {
|
|
7671
7687
|
display: inline-flex;
|
|
7672
|
-
min-height:
|
|
7673
|
-
min-width: 32px;
|
|
7688
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7689
|
+
min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
7674
7690
|
}
|
|
7675
7691
|
.qt-sheet .qt-representative-editor {
|
|
7676
7692
|
padding: 0 12px 12px;
|
|
@@ -7679,10 +7695,10 @@
|
|
|
7679
7695
|
.qt-representative-order .qt-chip-x,
|
|
7680
7696
|
.qt-representative-order .qt-reorder-handle,
|
|
7681
7697
|
.qt-representative-field {
|
|
7682
|
-
min-height: 32px;
|
|
7698
|
+
min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
|
|
7683
7699
|
}
|
|
7684
7700
|
.qt-representative-order .qt-chip-x {
|
|
7685
|
-
min-width: 28px;
|
|
7701
|
+
min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
|
|
7686
7702
|
}
|
|
7687
7703
|
.qt-representative-order .qt-chip-op-btn {
|
|
7688
7704
|
min-width: 0;
|
|
@@ -7690,7 +7706,7 @@
|
|
|
7690
7706
|
font-size: 12px;
|
|
7691
7707
|
}
|
|
7692
7708
|
.qt-representative-order .qt-reorder-handle {
|
|
7693
|
-
min-width:
|
|
7709
|
+
min-width: calc(16px + 8px * var(--qt-touch-target-scale, 1));
|
|
7694
7710
|
}
|
|
7695
7711
|
.qt-representative-field {
|
|
7696
7712
|
font-size: 13px;
|
|
@@ -7701,7 +7717,7 @@
|
|
|
7701
7717
|
.qt-representative-footer .qt-btn,
|
|
7702
7718
|
.qt-representative-footer > .qt-link-btn,
|
|
7703
7719
|
.qt-representative-body > .qt-add {
|
|
7704
|
-
min-height:
|
|
7720
|
+
min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
|
|
7705
7721
|
}
|
|
7706
7722
|
}
|
|
7707
7723
|
.qt-group-clauses .qt-qb-row--unused {
|
|
@@ -7832,5 +7848,177 @@
|
|
|
7832
7848
|
}
|
|
7833
7849
|
}
|
|
7834
7850
|
|
|
7851
|
+
/* src/touchTargets.css */
|
|
7852
|
+
:where(.qt-btn, .qt-add, .qt-link-btn) {
|
|
7853
|
+
--_qt-target-height: 24px;
|
|
7854
|
+
}
|
|
7855
|
+
.qt-btn {
|
|
7856
|
+
--_qt-target-width: 30px;
|
|
7857
|
+
}
|
|
7858
|
+
.qt-add {
|
|
7859
|
+
--_qt-target-width: 26px;
|
|
7860
|
+
}
|
|
7861
|
+
.qt-link-btn {
|
|
7862
|
+
--_qt-target-width: 28px;
|
|
7863
|
+
}
|
|
7864
|
+
.qt-qb-collapse-btn,
|
|
7865
|
+
.qt-qt-section-toggle {
|
|
7866
|
+
--_qt-target-height: 28px;
|
|
7867
|
+
}
|
|
7868
|
+
.qt-chip-op,
|
|
7869
|
+
.qt-chip-val,
|
|
7870
|
+
.qt-chip-op-btn,
|
|
7871
|
+
.qt-chip-x,
|
|
7872
|
+
.qt-chip-agg-add {
|
|
7873
|
+
--_qt-target-height: 20px;
|
|
7874
|
+
}
|
|
7875
|
+
.qt-chip-x {
|
|
7876
|
+
--_qt-target-width: 20px;
|
|
7877
|
+
}
|
|
7878
|
+
.qt-chip-op-btn {
|
|
7879
|
+
--_qt-target-width: 20px;
|
|
7880
|
+
}
|
|
7881
|
+
.qt-qb-saved-star {
|
|
7882
|
+
--_qt-target-height: 16px;
|
|
7883
|
+
--_qt-target-width: 16px;
|
|
7884
|
+
}
|
|
7885
|
+
.qt-qb-saved-cancel {
|
|
7886
|
+
--_qt-target-height: 16px;
|
|
7887
|
+
--_qt-target-width: 16px;
|
|
7888
|
+
}
|
|
7889
|
+
.qt-qb-num,
|
|
7890
|
+
.qt-qb-saved-input {
|
|
7891
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7892
|
+
}
|
|
7893
|
+
.qt-qb-num-step {
|
|
7894
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7895
|
+
--_qt-target-width: calc(4ch + 13px);
|
|
7896
|
+
}
|
|
7897
|
+
.qt-cm-item,
|
|
7898
|
+
.qt-op-cell {
|
|
7899
|
+
--_qt-target-height: 32px;
|
|
7900
|
+
}
|
|
7901
|
+
.qt-picker-input {
|
|
7902
|
+
--_qt-target-height: calc(1lh + 6px);
|
|
7903
|
+
}
|
|
7904
|
+
.qt-popover .qt-input,
|
|
7905
|
+
.qt-field-picker-popover .qt-picker-input {
|
|
7906
|
+
--_qt-target-height: 32px;
|
|
7907
|
+
}
|
|
7908
|
+
.qt-popover .qt-input {
|
|
7909
|
+
--_qt-padding-y: 6px;
|
|
7910
|
+
}
|
|
7911
|
+
.qt-formula-input {
|
|
7912
|
+
--_qt-padding-y: 12px;
|
|
7913
|
+
}
|
|
7914
|
+
.qt-preview-controls select {
|
|
7915
|
+
--_qt-padding-y: 5px;
|
|
7916
|
+
}
|
|
7917
|
+
.qt-metrics-editor .qt-input {
|
|
7918
|
+
--_qt-padding-y: 6px;
|
|
7919
|
+
}
|
|
7920
|
+
.qt-picker-item {
|
|
7921
|
+
--_qt-target-height: calc(1lh + 10px);
|
|
7922
|
+
}
|
|
7923
|
+
.qt-picker-popover .qt-picker-input {
|
|
7924
|
+
--_qt-target-height: calc(1lh + 18px);
|
|
7925
|
+
}
|
|
7926
|
+
.qt-picker-popover .qt-picker-item {
|
|
7927
|
+
--_qt-target-height: calc(1lh + 18px);
|
|
7928
|
+
}
|
|
7929
|
+
.qt-saved-pick {
|
|
7930
|
+
--_qt-target-height: calc(2lh + 8px);
|
|
7931
|
+
}
|
|
7932
|
+
.qt-value-picker-list button {
|
|
7933
|
+
--_qt-target-height: calc(1lh + 16px);
|
|
7934
|
+
}
|
|
7935
|
+
.qt-sort-extract-input,
|
|
7936
|
+
.qt-sort-extract-direction,
|
|
7937
|
+
.qt-sort-extract-field {
|
|
7938
|
+
--_qt-target-height: 32px;
|
|
7939
|
+
}
|
|
7940
|
+
.qt-sort-direction-grid .qt-btn {
|
|
7941
|
+
--_qt-target-height: 34px;
|
|
7942
|
+
}
|
|
7943
|
+
.qt-icon-btn {
|
|
7944
|
+
--_qt-target-height: 22px;
|
|
7945
|
+
--_qt-target-width: 22px;
|
|
7946
|
+
}
|
|
7947
|
+
.qt-column-name {
|
|
7948
|
+
--_qt-target-height: 20px;
|
|
7949
|
+
}
|
|
7950
|
+
.qt-json-action {
|
|
7951
|
+
--_qt-target-height: 28px;
|
|
7952
|
+
--_qt-target-width: 28px;
|
|
7953
|
+
}
|
|
7954
|
+
.qt-json-toggle {
|
|
7955
|
+
--_qt-target-height: 24px;
|
|
7956
|
+
--_qt-target-width: 20px;
|
|
7957
|
+
}
|
|
7958
|
+
.qt-json-copy {
|
|
7959
|
+
--_qt-target-height: 24px;
|
|
7960
|
+
--_qt-target-width: 24px;
|
|
7961
|
+
}
|
|
7962
|
+
.qt-item-detail-button {
|
|
7963
|
+
--_qt-target-height: 28px;
|
|
7964
|
+
}
|
|
7965
|
+
.qt-property-icon-button {
|
|
7966
|
+
--_qt-target-width: 26px;
|
|
7967
|
+
--_qt-padding-x: 0px;
|
|
7968
|
+
}
|
|
7969
|
+
.qt-property-controls input,
|
|
7970
|
+
.qt-property-controls select {
|
|
7971
|
+
--_qt-target-height: 28px;
|
|
7972
|
+
}
|
|
7973
|
+
.qt-property-editor :is(input, select) {
|
|
7974
|
+
--_qt-target-height: calc(1lh * 5 / 6 + 4px);
|
|
7975
|
+
}
|
|
7976
|
+
.qt-property-pick {
|
|
7977
|
+
--_qt-target-height: calc(1.3em + 17px);
|
|
7978
|
+
}
|
|
7979
|
+
.qt-metrics-editor .qt-btn {
|
|
7980
|
+
--_qt-target-height: 30px;
|
|
7981
|
+
}
|
|
7982
|
+
.qt-metrics-editor :is(input, select) {
|
|
7983
|
+
--_qt-target-height: 34px;
|
|
7984
|
+
}
|
|
7985
|
+
.qt-metric-selection-tools select {
|
|
7986
|
+
--_qt-target-height: 30px;
|
|
7987
|
+
}
|
|
7988
|
+
.qt-representative-field {
|
|
7989
|
+
--_qt-target-height: 24px;
|
|
7990
|
+
}
|
|
7991
|
+
.qt-representative-order .qt-reorder-handle {
|
|
7992
|
+
--_qt-target-height: 22px;
|
|
7993
|
+
--_qt-target-width: 16px;
|
|
7994
|
+
}
|
|
7995
|
+
@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
|
|
7996
|
+
.qt-sheet .qt-picker-input {
|
|
7997
|
+
--_qt-target-height: calc(1lh * 3 / 4 + 18px);
|
|
7998
|
+
}
|
|
7999
|
+
.qt-sheet .qt-picker-item {
|
|
8000
|
+
--_qt-target-height: calc(1lh * 6 / 7 + 18px);
|
|
8001
|
+
}
|
|
8002
|
+
.qt-qb-num {
|
|
8003
|
+
--_qt-target-height: calc(1lh * 13 / 16 + 6px);
|
|
8004
|
+
}
|
|
8005
|
+
.qt-sheet .qt-value-picker-list button {
|
|
8006
|
+
--_qt-target-height: calc(1lh * 13 / 16 + 16px);
|
|
8007
|
+
}
|
|
8008
|
+
.qt-chip-op,
|
|
8009
|
+
.qt-chip-val {
|
|
8010
|
+
height: max(calc(1lh + 4px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
|
|
8011
|
+
}
|
|
8012
|
+
.qt-chip-op-btn {
|
|
8013
|
+
height: max(calc(1lh + 2px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
|
|
8014
|
+
}
|
|
8015
|
+
.qt-auto-refresh-select {
|
|
8016
|
+
height: max(calc(1lh + 6px + 8px * var(--qt-touch-target-scale, 1)), calc(24px + 16px * var(--qt-touch-target-scale, 1)));
|
|
8017
|
+
}
|
|
8018
|
+
.qt-json-search.qt-input {
|
|
8019
|
+
height: max(calc(1lh + 8px), calc(28px + 4px * var(--qt-touch-target-scale, 1)));
|
|
8020
|
+
}
|
|
8021
|
+
}
|
|
8022
|
+
|
|
7835
8023
|
/* src/theme.css */
|
|
7836
8024
|
/*# sourceMappingURL=theme.css.map */
|