diff --git a/frontend/src/styles/test.scss b/frontend/src/styles/test.scss index 40419fd9d..2e55eb747 100644 --- a/frontend/src/styles/test.scss +++ b/frontend/src/styles/test.scss @@ -982,6 +982,16 @@ } } +#mobileTestConfig { + padding: 0.25rem 1rem; + background: var(--sub-alt-color); + border-radius: var(--roundness); + width: max-content; + justify-self: center; + display: none; + height: max-content; +} + #testConfig { display: grid; font-size: 0.75rem; diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss index da5d0da9f..744d5f665 100644 --- a/frontend/src/styles/z_media-queries.scss +++ b/frontend/src/styles/z_media-queries.scss @@ -857,6 +857,14 @@ } } + #testConfig { + display: none; + } + + #mobileTestConfig { + display: block; + } + #bottom { font-size: 0.65rem; .leftright { @@ -930,6 +938,16 @@ } } +@media (pointer: coarse) and (max-width: 800px) { + #testConfig { + display: none; + } + + #mobileTestConfig { + display: block; + } +} + @media (hover: none) and (pointer: coarse) { #commandLineMobileButton { display: block !important; diff --git a/frontend/src/ts/popups/mobile-test-config-popup.ts b/frontend/src/ts/popups/mobile-test-config-popup.ts index 558dad496..518ca8434 100644 --- a/frontend/src/ts/popups/mobile-test-config-popup.ts +++ b/frontend/src/ts/popups/mobile-test-config-popup.ts @@ -89,7 +89,7 @@ $("#mobileTestConfigPopupWrapper").on("click", (e) => { } }); -$("#top .mobileConfig").on("click", () => { +$("#mobileTestConfig").on("click", () => { showPopup(); }); diff --git a/frontend/static/html/pages/test.html b/frontend/static/html/pages/test.html index 826d784b4..02a297efe 100644 --- a/frontend/static/html/pages/test.html +++ b/frontend/static/html/pages/test.html @@ -102,6 +102,12 @@ +
+
+ + Test Settings +
+