Commit 2de316dd authored by Simon Stumpf's avatar Simon Stumpf
Browse files

Lock body scroll on search modal + adjust alignment

parent 579d0dc9

header.php

+8 −1
Original line number Diff line number Diff line
@@ -69,14 +69,21 @@ get_header(); 
                <input type="search" name="s" placeholder="Suchen..."><button>🔍</button>

            </form>

            <script>

                function showSearchModal(isEnglish, value) {

                const searchModal = document.querySelector("#search-modal")



                searchModal.addEventListener("close", () => {

                    document.body.style.overflow = "";

                });



                function showSearchModal(isEnglish, value) {

                    searchModal.querySelector("form").action = isEnglish ? "/en/" : "/"



                    const searchInput = searchModal.querySelector("input[type='search']")

                    searchInput.placeholder = isEnglish ? "Search..." : "Suchen..."

                    if(value) searchInput.value = value



                    document.body.style.overflow = "hidden";



                    searchModal.showModal()

                }

            </script>

style.css

+4 −0
Original line number Diff line number Diff line
@@ -866,6 +866,10 @@ dialog { 
    justify-self: center;

}



dialog form {

    display: flex;

}



dialog input[type=search] {

    width: 40vw;

    font-size: 20pt;