feat: Enhance UI Consistency and Refactor Color Naming Conventions for Improved UX#4424

Merged

Cristhianzl merged 22 commits intomainfrom cz/sweeps

Nov 6, 2024

+218-236

Commits on Nov 6, 2024

📝 (tailwind.config.mjs): refactor color classes from "inner-" to "accent-" for better clarity and consistency in naming conventions
Cristhianzl
committed
🔧 (GenericNode/index.tsx): Remove unused imports and constants to clean up the code and improve maintainability
Cristhianzl
committed
🔧 (handleRenderComponent/index.tsx): rename innerColorName and innerForegroundColorName variables to accentColorName and accentForegroundColorName for better clarity and consistency
Cristhianzl
committed
📝 (HandleTooltipComponent/index.tsx): Refactor HandleTooltipComponent to use Badge component for tooltip styling and add support for custom accent colors and foreground colors based on left alignme…
Cristhianzl
committed
📝 (NodeStatus/index.tsx): update border and text color classes for better visual consistency and clarity
Cristhianzl
committed
🐛 (get-class-from-build-status.ts): fix incorrect condition to return class based on build status, now correctly returns class for BUILDING status
Cristhianzl
committed
✨ (nodeToolbarComponent/index.tsx): Add zoom functionality to NodeToolbarComponent using ReactFlow's store selector to dynamically adjust scale based on zoom level.
Cristhianzl
committed
📝 (applies.css): add a new CSS class .toolbar-wrapper to style the toolbar with flex layout, spacing, border, background color, padding, and shadow for better visual appearance
Cristhianzl
committed
📝 (index.css): Update accent color variables to improve consistency and readability in the stylesheet.
Cristhianzl
committed
merge fix
Cristhianzl
committed
[autofix.ci] apply automated fixes
autofix-ci[bot]
authored
Update src/frontend/src/style/applies.css

Cristhianzl
and
mfortman11
authored
Update src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx

Cristhianzl
and
mfortman11
authored
✨ (NodeStatus/index.tsx): Improve border styling for selected and unselected nodes for better visual consistency
Cristhianzl
committed
📝 (HandleTooltipComponent/index.tsx): Update class name to use 'rounded-md' instead of 'rounded-[6px]' for consistency and better readability
Cristhianzl
committed
Merge branch 'main' into cz/sweeps
Cristhianzl
authored
🔧 (PageComponent/index.tsx): Update innerColor variable to accentColor for better clarity and consistency in styling
Cristhianzl
committed
Merge branch 'cz/sweeps' of github.com:langflow-ai/langflow into cz/sweeps
Cristhianzl
committed
✨ (nodeToolbarComponent/index.tsx): Add styleClasses property to ShadTooltip component to apply custom styling for positioning
Cristhianzl
committed
🔧 (nodeToolbarComponent/index.tsx): update button height class to improve consistency and readability
Cristhianzl
committed
✅ (freeze-path.spec.ts): update test to click on the correct element to freeze a path in the application
Cristhianzl
committed
Merge branch 'main' into cz/sweeps
Cristhianzl
authored

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: Enhance UI Consistency and Refactor Color Naming Conventions for Improved UX#4424

Commits on Nov 6, 2024

📝 (tailwind.config.mjs): refactor color classes from "inner-" to "accent-" for better clarity and consistency in naming conventions

🔧 (GenericNode/index.tsx): Remove unused imports and constants to clean up the code and improve maintainability

🔧 (handleRenderComponent/index.tsx): rename innerColorName and innerForegroundColorName variables to accentColorName and accentForegroundColorName for better clarity and consistency

📝 (HandleTooltipComponent/index.tsx): Refactor HandleTooltipComponent to use Badge component for tooltip styling and add support for custom accent colors and foreground colors based on left alignme…

📝 (NodeStatus/index.tsx): update border and text color classes for better visual consistency and clarity

🐛 (get-class-from-build-status.ts): fix incorrect condition to return class based on build status, now correctly returns class for BUILDING status

✨ (nodeToolbarComponent/index.tsx): Add zoom functionality to NodeToolbarComponent using ReactFlow's store selector to dynamically adjust scale based on zoom level.

📝 (applies.css): add a new CSS class .toolbar-wrapper to style the toolbar with flex layout, spacing, border, background color, padding, and shadow for better visual appearance

📝 (index.css): Update accent color variables to improve consistency and readability in the stylesheet.

merge fix

[autofix.ci] apply automated fixes

Update src/frontend/src/style/applies.css

Update src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx

✨ (NodeStatus/index.tsx): Improve border styling for selected and unselected nodes for better visual consistency

📝 (HandleTooltipComponent/index.tsx): Update class name to use 'rounded-md' instead of 'rounded-[6px]' for consistency and better readability

Merge branch 'main' into cz/sweeps

🔧 (PageComponent/index.tsx): Update innerColor variable to accentColor for better clarity and consistency in styling

Merge branch 'cz/sweeps' of github.com:langflow-ai/langflow into cz/sweeps

✨ (nodeToolbarComponent/index.tsx): Add styleClasses property to ShadTooltip component to apply custom styling for positioning

🔧 (nodeToolbarComponent/index.tsx): update button height class to improve consistency and readability

✅ (freeze-path.spec.ts): update test to click on the correct element to freeze a path in the application

Merge branch 'main' into cz/sweeps