Tools

Help Center

/* Hide search input initially */ .fullscreen-search { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000000D9; /* Dark overlay */ display: flex; flex-direction: row; /* Elements align horizontally */ align-items: center; /* Center vertically */ justify-content: center; /* Center horizontally, no space-between */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 9999; } /* Center the search form */ .fullscreen-search .elementor-widget-container { display: flex; justify-content: center; align-items: center; flex: 0 1 auto; /* Size naturally, no stretching */ } /* Style the search form as a flex row */ .fullscreen-search .elementor-search-form { display: flex; align-items: center; /* Align input and submit vertically */ flex-wrap: nowrap; /* Default: no wrapping above 720px */ } /* Style the input */ .fullscreen-search .elementor-search-form input { padding: 15px; font-size: 18px; border: none; outline: none; } /* Style the submit button */ .fullscreen-search .elementor-search-form button[type="submit"] { padding: 15px; font-size: 18px; background: none; border: none; cursor: pointer; } /* Close button positioned next to the form */ .fullscreen-search .close-search { font-size: 18px; /* Adjust size */ color: white; cursor: pointer; background: none; border: none; display: flex; align-items: center; /* Vertically center with form */ margin-left: 10px; /* Small gap between form and close button */ } /* Media query for screens smaller than 720px */ @media (max-width: 720px) { .fullscreen-search .elementor-search-form { flex-wrap: wrap; /* Enable wrapping within the form */ width: 90%; /* Constrain width to force wrapping */ max-width: 100%; /* Ensure it fits the screen */ justify-content: center; /* Center items */ } /* Input on row 1 */ .fullscreen-search .elementor-search-form input { flex: 1 0 100%; /* Force input to full width and wrap */ margin-bottom: 10px; /* Space between input and buttons */ } /* Submit and close on row 2 */ .fullscreen-search .elementor-search-form button[type="submit"] { margin-right: 10px; /* Space before close button */ } .fullscreen-search .close-search { margin-left: 0; /* Reset margin-left */ } /* Ensure vertical centering of wrapped content */ .fullscreen-search { align-content: center; /* Center the wrapped rows vertically */ } } document.addEventListener("DOMContentLoaded", function() { console.log("JavaScript running"); // Debug script start let searchToggle = document.querySelector(".search-toggle"); let searchBox = document.querySelector(".fullscreen-search"); console.log("Toggle:", searchToggle); // Debug toggle console.log("Search Box:", searchBox); // Debug search box if (!searchToggle) { console.error("Toggle not found. Add class 'search-toggle' to a button/icon."); return; } if (!searchBox) { console.error("Search box not found. Add class 'fullscreen-search' to Search Form widget."); return; } // Create close button dynamically let closeBtn = document.createElement("button"); closeBtn.className = "close-search"; closeBtn.innerHTML = "X"; // Text as requested closeBtn.setAttribute("aria-label", "Close search"); searchBox.appendChild(closeBtn); // Add to fullscreen-search container // Open search when toggle is clicked searchToggle.addEventListener("click", function() { console.log("Toggle clicked - opening"); searchBox.style.opacity = "1"; searchBox.style.visibility = "visible"; }); // Close search when close button is clicked closeBtn.addEventListener("click", function() { console.log("Close clicked - hiding"); searchBox.style.opacity = "0"; searchBox.style.visibility = "hidden"; }); });

Finden Sie hilfreiche Tools für Ihren HR-Bereich

Vom Onboarding bis hin zu Anträgen. Hier sind Sie richtig

Onboarding

Gespräche führen

Mit unserem digitalen Onboarding-Planer können Sie das Onboarding Ihrer Mitarbeiter planen, Gespräche digital führen und speichern.

Zu dem Tool

Buddy-Programm

Einarbeitung optimieren

Mit unserem Buddy-Programm Plugin können Sie die Einarbeitung neuer Mitarbeiter in Sekunden planen und strukturieren

Zu dem Tool

Anträge

Antragsgenerator

Füllen Sie rechtskonforme Anträge bequem in Ihrem Browser aus und laden Sie direkt den ausgefüllten Antrag herunter.

Zu dem Tool