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:
@@ -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