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

remove ripple effect on mode menu

Browse Source
This commit is contained in:
KOWX712
2025-01-03 14:47:58 +08:00
parent c69337501a
commit c1818b6ba2
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
module/webui/scripts/applist.js
View File

@@ -4,6 +4,7 @@ const appTemplate = document.getElementById('app-template').content;
const modeOverlay = document.querySelector('.mode-overlay'); const modeOverlay = document.querySelector('.mode-overlay');
export const appListContainer = document.getElementById('apps-list'); export const appListContainer = document.getElementById('apps-list');
export const updateCard = document.getElementById('update-card'); export const updateCard = document.getElementById('update-card');
export let modeActive = false;
// Fetch and render applist // Fetch and render applist
export async function fetchAppList() { export async function fetchAppList() {
@@ -197,6 +198,7 @@ function setupModeMenu() {
function showMode(card) { function showMode(card) {
const modeElement = card.querySelector(".mode"); const modeElement = card.querySelector(".mode");
if (modeElement) { if (modeElement) {
modeActive = true;
modeElement.style.display = "flex"; modeElement.style.display = "flex";
modeOverlay.style.display = "flex"; modeOverlay.style.display = "flex";
setTimeout(() => { setTimeout(() => {
@@ -207,6 +209,7 @@ function setupModeMenu() {
function hideAllModes() { function hideAllModes() {
const allModeElements = appListContainer.querySelectorAll(".mode"); const allModeElements = appListContainer.querySelectorAll(".mode");
allModeElements.forEach((modeElement) => { allModeElements.forEach((modeElement) => {
modeActive = false;
modeElement.classList.remove('show'); modeElement.classList.remove('show');
modeOverlay.style.display = "none"; modeOverlay.style.display = "none";
setTimeout(() => { setTimeout(() => {

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

@@ -1,4 +1,4 @@
import { appListContainer, fetchAppList } from './applist.js'; import { appListContainer, fetchAppList, modeActive } from './applist.js';
import { initializeAvailableLanguages, detectUserLanguage, loadTranslations, setupLanguageMenu, translations } from './language.js'; import { initializeAvailableLanguages, detectUserLanguage, loadTranslations, setupLanguageMenu, translations } from './language.js';
import { aospkb } from './menu_option.js'; import { aospkb } from './menu_option.js';
import { searchMenuContainer, searchInput, clearBtn, setupMenuToggle } from './search_menu.js'; import { searchMenuContainer, searchInput, clearBtn, setupMenuToggle } from './search_menu.js';
@@ -19,7 +19,7 @@ export const basePath = "set-path";
export const appsWithExclamation = []; export const appsWithExclamation = [];
export const appsWithQuestion = []; export const appsWithQuestion = [];
const ADDITIONAL_APPS = [ "com.google.android.gms", "io.github.vvb2060.keyattestation", "io.github.vvb2060.mahoshojo", "icu.nullptr.nativetest" ]; const ADDITIONAL_APPS = [ "com.google.android.gms", "io.github.vvb2060.keyattestation", "io.github.vvb2060.mahoshojo", "icu.nullptr.nativetest" ];
const rippleClasses = ['.language-option', '.menu-button', '.menu-options li', '.search-card', '.card', '.update-card', '.link-icon', '.floating-btn', '.uninstall-container', '.boot-hash-save-button', '.boot-hash-value', '.status-indicator', '.reboot', '.install']; const rippleClasses = ['.language-option', '.menu-button', '.menu-options li', '.search-card', '.card', '.update-card', '.link-icon', '.floating-btn', '.uninstall-container', '.boot-hash-save-button', '.boot-hash-value', '.reboot', '.install'];
// Variables // Variables
let e = 0; let e = 0;
@@ -189,6 +189,7 @@ function applyRippleEffect() {
document.querySelectorAll(selector).forEach(element => { document.querySelectorAll(selector).forEach(element => {
element.addEventListener("pointerdown", function (event) { element.addEventListener("pointerdown", function (event) {
if (isScrolling) return; if (isScrolling) return;
if (modeActive) return;
const ripple = document.createElement("span"); const ripple = document.createElement("span");
ripple.classList.add("ripple"); ripple.classList.add("ripple");