RevelaNetwork/Revelav3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Omnibox: fix the styling for the last element...

Browse source
This commit is contained in:
MotorTruck1221 2024-09-27 01:47:09 -06:00
parent b5e9bdb1d5
commit 6854ba70e2
No known key found for this signature in database
GPG key ID: 08F417E2B8B61EA4
1 changed files with 2 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/pages/[lang]/index.astro
View file

@ -35,9 +35,6 @@ const t = useTranslations(lang);
placeholder={t("home.placeholder")}
/>
<div id="omnibox" class="hidden p-1 transition-all duration-300 flex flex-col w-10/12 md:w-3/12 flex-grow bg-input text-center items-center rounded-b-2xl border-input-border-color border-b border-r border-l">
<span class="w-full text-input-text bg-primary h-9 text-xl text-align-center overflow-hidden flex items-center justify-center hover:bg-lighter active:bg-primary">
<p>E</p>
</span>
</div>
</div>
<iframe id="neb-iframe" class="hidden z-100 w-full h-full absolute top-0 bottom-0 bg-primary"></iframe>
@ -96,9 +93,9 @@ const t = useTranslations(lang);
data.map((results: Suggestion) => {
let span = document.createElement("span");
let pTag = document.createElement("p");
span.classList.add("cursor-pointer", "border-b", "border-input-border-color", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
span.classList.add("cursor-pointer", "border-b", "border-input-border-color", "last:rounded-b-xl", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
span.addEventListener("click", function() {
//when the box is clicked, we want to fill the omnibox and hit enter. This allows us to re-use the existing event listener on the input.
//When the box is clicked, we want to fill the omnibox and hit enter. This allows us to re-use the existing event listener on the input.
const event = new KeyboardEvent("keypress", {
key: 'Enter',
code: 'Enter',