Claude/enhance fantasy map UI zcd89#1368
Closed
scrovolakka wants to merge 8 commits intoAzgaar:masterfrom
Closed
Conversation
…ponents - Added new CSS variables for border, shadow, and typography to improve consistency. - Updated button and input styles for better visual feedback and accessibility. - Modified dialog and tooltip styles for improved readability and aesthetics. - Adjusted jQuery UI styles to align with the new design system. - Updated .gitignore to include .DS_Store and specific prompt files.
- Introduced Japanese translations for UI elements and tooltips. - Added a script to generate the Japanese tip map from English source. - Updated index.html to set the language to Japanese and modified meta tags accordingly. - Enhanced general.js to support language-specific prompts and tooltips. - Created ja-ui.js and ja-tip-map.js for localized content.
Previously, Japanese translations were only applied to static HTML elements. Dynamically created UI (layers panel, tools, buttons) remained in English because ja-ui.js ran before those modules initialized their content. This fix adds ja-ui-trigger.js which: - Runs after all UI modules have initialized - Applies translations to dynamically created elements - Listens for UI update events to re-apply translations Now the entire UI displays correctly in Japanese when FMG_LANG is set to 'ja'. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This PR fixes the issue where Japanese translations were only applied to static HTML elements. Dynamically created UI (layers panel, tools, buttons) now displays correctly in Japanese. Fixes the timing issue where ja-ui.js ran before UI modules created their content.
…d floating toolbar Overhaul the UI/UX to a 2026-era minimal × modern design: - Replace CSS token system with comprehensive design tokens (colors, shadows, spacing, typography, radii, transitions) for both light and dark themes - Add dark mode support with light/dark/system toggle (data-theme attribute) - Apply glassmorphism (backdrop-filter blur + translucent backgrounds) to panels, dialogs, dropdowns, and toolbars - Modernize all components: flat buttons with scale feedback, underline tab indicators, accent-colored sliders, slim scrollbars, refined separators - Add command palette (Ctrl+K) with fuzzy search across all tools, layers, editors, presets, and actions with keyboard navigation - Add floating vertical toolbar (Photoshop-style) for quick access to add label/burg/river/route/marker and edit heightmap tools - Add status bar showing zoom level, coordinates, mode, and seed - Animate dialog appearance with scale+fade keyframes - Update glow animation to use accent color instead of hardcoded red - Fix hardcoded colors for dark mode compatibility throughout https://claude.ai/code/session_01Ww6C6HBbJbhJ6cXpoaLLoD
…enter - Replace the floating collapsible options menu with a fixed left side panel that slides in/out with CSS transform animation - Add panel header with title, regenerate (⟳) button, and close (✕) button - Move floating toolbar from left-center vertical to top-center horizontal pill-shaped bar for better ergonomics - Hamburger (☰) trigger button shows when panel is closed, hides when open - Remove drag-to-move behavior (no longer needed for fixed panel) - Remove legacy hover-to-show-regenerate (now in panel header) https://claude.ai/code/session_01Ww6C6HBbJbhJ6cXpoaLLoD
… resize Major side panel UX overhaul: - Replace horizontal tab bar with vertical accordion navigation (Layers/Style/Options/Tools/About as collapsible sections) - Each section has icon + label + chevron, click to expand/collapse - Fix content overflow: replace float-based layer grid with CSS grid using auto-fill/minmax for responsive fit within panel width - Fix tools grid to use auto-fill for responsive column count - Fix viewMode and mapFilters to use CSS grid instead of float+% - Make panel resizable (CSS resize: horizontal, min 260px / max 480px) - Add visual resize handle indicator on right edge - Fix #sticked bottom bar with proper flex-wrap and spacing - Tables use table-layout: fixed and width: 100% to prevent overflow - All font sizes use design tokens (--text-xs, --text-sm) - shadcn-style section headers: uppercase, muted, letter-spaced https://claude.ai/code/session_01Ww6C6HBbJbhJ6cXpoaLLoD
✅ Deploy Preview for afmg ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description