br0kenpixel/Tricky-Addon-Update-Target-List
1
0
Fork 0
mirror of https://github.com/KOWX712/Tricky-Addon-Update-Target-List.git synced 2025-09-06 06:37:09 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

opt: move MMRL inset from js to css

Browse Source
This commit is contained in:
KOWX712
2025-03-25 13:31:53 +08:00
parent 1c93287b69
commit 6a26150e50
5 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
module/webui/scripts/main.js
View File

@@ -124,11 +124,7 @@ export function showPrompt(key, isSuccess = true, duration = 3000) {
clearTimeout(window.promptTimeout);
}
setTimeout(() => {
if (typeof ksu !== 'undefined' && ksu.mmrl) {
prompt.style.transform = 'translateY(calc((var(--window-inset-bottom) + 60%) * -1))';
} else {
prompt.style.transform = 'translateY(-60%)';
}
prompt.style.transform = 'translateY(calc((var(--window-inset-bottom, 0px) + 60%) * -1))';
window.promptTimeout = setTimeout(() => {
prompt.style.transform = 'translateY(100%)';
}, duration);
@@ -227,12 +223,7 @@ async function uninstallWebUI() {
async function checkMMRL() {
if (typeof ksu !== 'undefined' && ksu.mmrl) {
// Adjust elements position for MMRL
title.style.top = 'var(--window-inset-top)';
const insetTop = getComputedStyle(document.documentElement).getPropertyValue('--window-inset-top');
const insetTopValue = parseInt(insetTop, 10);
searchMenuContainer.style.top = `${insetTopValue + 40}px`;
headerBlock.style.display = 'block';
floatingCard.style.bottom = 'calc(var(--window-inset-bottom) + 50px)';
// Set status bars theme based on device theme
try {
@@ -262,13 +253,8 @@ async function checkMMRL() {
// Funtion to adapt floating button hide in MMRL
export function hideFloatingBtn(hide = true) {
if (!hide) {
floatingCard.style.transform = 'translateY(0)';
} else if (typeof ksu !== 'undefined' && ksu.mmrl) {
floatingCard.style.transform = 'translateY(calc(var(--window-inset-bottom) + 120px))';
} else {
floatingCard.style.transform = 'translateY(120px)';
}
if (!hide) floatingCard.style.transform = 'translateY(0)';
else floatingCard.style.transform = 'translateY(calc(var(--window-inset-bottom, 0px) + 120px))';
}
// Function to apply ripple effect