From 9c4044e10451d6eb0473f595f720fc5de9261096 Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Fri, 5 Jun 2026 14:47:18 -0400 Subject: [PATCH] fix: glassmorphism actually visible + ESLint import/order MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Glassmorphism root cause (from audit): the body-background useEffect had `lotusTerminal && chatBackground === 'none' ? 'tactical'` as the fallback guard — meaning the tactical grid only appeared when Lotus Terminal mode was active. With default settings (TDS off, no chat background chosen), the body got no background at all, so backdrop-filter had a flat solid colour to blur — identical to unblurred. Fix: drop the `lotusTerminal &&` guard so the tactical dot-grid is always the fallback when chatBackground is 'none', regardless of theme. Glassmorphism is now visible in all themes without any additional setup. ESLint: RoomProfile.tsx had `../../../components/emoji-board` imported before `matrix-js-sdk` violating import/order. Moved it after. Co-Authored-By: Claude Sonnet 4.6 --- src/app/features/common-settings/general/RoomProfile.tsx | 2 +- src/app/pages/client/SidebarNav.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/features/common-settings/general/RoomProfile.tsx b/src/app/features/common-settings/general/RoomProfile.tsx index 0f6b30389..4de33bb65 100644 --- a/src/app/features/common-settings/general/RoomProfile.tsx +++ b/src/app/features/common-settings/general/RoomProfile.tsx @@ -16,11 +16,11 @@ import { TextArea, } from 'folds'; import React, { FormEventHandler, useCallback, useMemo, useRef, useState } from 'react'; -import { EmojiBoard } from '../../../components/emoji-board'; import { useAtomValue } from 'jotai'; import Linkify from 'linkify-react'; import classNames from 'classnames'; import { JoinRule, MatrixError } from 'matrix-js-sdk'; +import { EmojiBoard } from '../../../components/emoji-board'; import { SequenceCard } from '../../../components/sequence-card'; import { SequenceCardStyle } from '../../room-settings/styles.css'; import { useRoom } from '../../../hooks/useRoom'; diff --git a/src/app/pages/client/SidebarNav.tsx b/src/app/pages/client/SidebarNav.tsx index a03035ee0..82d556a1e 100644 --- a/src/app/pages/client/SidebarNav.tsx +++ b/src/app/pages/client/SidebarNav.tsx @@ -48,7 +48,7 @@ export function SidebarNav() { style.removeProperty('animation'); return; } - const effectiveBg = lotusTerminal && chatBackground === 'none' ? 'tactical' : chatBackground; + const effectiveBg = chatBackground === 'none' ? 'tactical' : chatBackground; const bgStyle = getChatBg(effectiveBg, isDark, pauseAnimations); style.backgroundImage = (bgStyle.backgroundImage as string | undefined) ?? ''; style.backgroundColor = (bgStyle.backgroundColor as string | undefined) ?? '';