[PR #24780] fix: enhance webhook trigger panel UI consistency and user experience #30788

Closed
opened 2026-02-21 20:48:14 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/24780

State: closed
Merged: Yes


Part of #24197

Summary

This PR improves the webhook trigger panel UI with several enhancements:

Core UI Improvements

  • Fixed hover effects and delete button visibility in parameter tables
  • Improved hover content detection to only check primary identifier columns (Variable Name)
  • Added Enter key functionality to blur input fields for better UX

Response Configuration Updates

  • Updated "Response Configuration" label to single word "Response"
  • Removed async mode UI components while keeping backend functionality
  • Adjusted status code layout to left-right alignment with proper input sizing
  • Updated translations for EN/CN/JP locales

New Paragraph Input Component

  • Created reusable paragraph input component with line numbers for response body
  • Implemented proper text alignment with monospace font
  • Applied consistent 20px line height and optimized spacing
  • Added rounded corners and proper styling matching design system

Bug Fixes

  • Fixed tooltip flicker issue by enabling proper hover delay
  • Removed unused variables and code cleanup
  • Improved table column width optimization and variable formatting

All changes maintain backward compatibility and follow existing design patterns.

**Original Pull Request:** https://github.com/langgenius/dify/pull/24780 **State:** closed **Merged:** Yes --- Part of #24197 ## Summary This PR improves the webhook trigger panel UI with several enhancements: ### Core UI Improvements - Fixed hover effects and delete button visibility in parameter tables - Improved hover content detection to only check primary identifier columns (Variable Name) - Added Enter key functionality to blur input fields for better UX ### Response Configuration Updates - Updated "Response Configuration" label to single word "Response" - Removed async mode UI components while keeping backend functionality - Adjusted status code layout to left-right alignment with proper input sizing - Updated translations for EN/CN/JP locales ### New Paragraph Input Component - Created reusable paragraph input component with line numbers for response body - Implemented proper text alignment with monospace font - Applied consistent 20px line height and optimized spacing - Added rounded corners and proper styling matching design system ### Bug Fixes - Fixed tooltip flicker issue by enabling proper hover delay - Removed unused variables and code cleanup - Improved table column width optimization and variable formatting All changes maintain backward compatibility and follow existing design patterns.
yindo added the pull-request label 2026-02-21 20:48:14 -05:00
yindo closed this issue 2026-02-21 20:48:14 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#30788