Fix small CSS inconsistencies

This commit is contained in:
wearrrrr 2024-03-29 12:08:19 -05:00
parent 22c5324532
commit 1d9bcd1dba
3 changed files with 10 additions and 4 deletions

View file

@ -57,6 +57,7 @@ const { buttonNameDefault, dropdownList, id, localStorageKey } = Astro.props;
background-color: var(--dropdown-background-color);
position: absolute;
width: 100%;
z-index: 5;
}
.dropdown-item {
border-bottom: 1px solid var(--text-color-accent);

View file

@ -113,11 +113,13 @@
iframe.style.opacity = 1;
topbar.style.opacity = 1;
topbar.style.pointerEvents = "auto";
document.body.style.overflow = "hidden";
closeButton.onclick = () => {
iframe.style.opacity = 0;
topbar.style.opacity = 0;
iframe.style.pointerEvents = "none";
topbar.style.pointerEvents = "none";
document.body.style.overflow = "auto";
iframe.removeEventListener("load", boundIFrameLoad);
setTimeout(() => {
@ -205,7 +207,7 @@
if (favicon) {
proxiedFavicon.src = favicon.href;
} else {
if (proxiedFavicon.src != "/favicon.ico") {
if (proxiedFavicon.src != window.location.origin + "/favicon.ico") {
proxiedFavicon.src = "/favicon.ico";
}
}

View file

@ -334,7 +334,7 @@ const t = useTranslations(lang);
applyDropdownEventListeners(
searchEngineDropdown,
"dropdown__search-engine",
"alu__searchEngine",
"alu__search_engine",
checkSearxng
);
checkSearxng();
@ -347,8 +347,9 @@ const t = useTranslations(lang);
function checkSearxng() {
// This function checks if the "searxng" option was clicked, display an additional option if so.
if (localStorage.getItem("alu__searchEngine")) {
if (JSON.parse(localStorage.getItem("alu__searchEngine")).value.toLowerCase() == "searx") {
let search_engine = JSON.parse(localStorage.getItem("alu__search_engine"));
if (search_engine) {
if (search_engine.value.toLowerCase() == "searx") {
document.getElementsByClassName("setting__searxng-url")[0].style.opacity = "1";
} else {
document.getElementsByClassName("setting__searxng-url")[0].style.opacity = "0";
@ -394,6 +395,7 @@ const t = useTranslations(lang);
position: relative;
z-index: 2;
flex-wrap: wrap;
row-gap: 5px;
}
.content-setting-header {
color: var(--text-color);
@ -416,6 +418,7 @@ const t = useTranslations(lang);
user-select: none;
width: 100%;
cursor: auto;
margin-bottom: 5px;
}
.setting__searxng-url {