fix: glassmorphism actually visible + ESLint import/order
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 <noreply@anthropic.com>
This commit is contained in:
@@ -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';
|
||||
|
||||
@@ -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) ?? '';
|
||||
|
||||
Reference in New Issue
Block a user