(host)
| 5762 | } |
| 5763 | |
| 5764 | function buildRowHeightControls(host) { |
| 5765 | const wrap = document.createElement("div"); |
| 5766 | wrap.className = "vo-control"; |
| 5767 | |
| 5768 | const label = document.createElement("div"); |
| 5769 | label.className = "vo-label"; |
| 5770 | label.textContent = t("row_height") || "Row height"; |
| 5771 | |
| 5772 | const sliderRow = document.createElement("div"); |
| 5773 | sliderRow.className = "vo-slider-row"; |
| 5774 | |
| 5775 | const slider = document.createElement("input"); |
| 5776 | slider.type = "range"; |
| 5777 | slider.min = "20"; |
| 5778 | slider.max = "60"; |
| 5779 | slider.value = clampRowHeight(localStorage.getItem("rowHeight") || 44); |
| 5780 | slider.id = "rowHeightSlider"; |
| 5781 | |
| 5782 | const value = document.createElement("span"); |
| 5783 | value.id = "rowHeightValue"; |
| 5784 | value.className = "vo-value"; |
| 5785 | value.textContent = `${slider.value}px`; |
| 5786 | |
| 5787 | slider.addEventListener("input", () => { |
| 5788 | const h = applyRowHeight(slider.value); |
| 5789 | value.textContent = `${h}px`; |
| 5790 | }); |
| 5791 | |
| 5792 | sliderRow.appendChild(slider); |
| 5793 | sliderRow.appendChild(value); |
| 5794 | |
| 5795 | wrap.appendChild(label); |
| 5796 | wrap.appendChild(sliderRow); |
| 5797 | host.appendChild(wrap); |
| 5798 | } |
| 5799 | |
| 5800 | function buildGalleryControls(host) { |
| 5801 | const wrap = document.createElement("div"); |
no test coverage detected