Tulip for my reference

[jbk-uiux]

All UI components are here for reference Light Mode and Dark Mode

UI Fixes

• Basic Color changes in UI with existing CSS
• Badges update UI and colors Figma link
• primary button color and ghost button colors are updated Figma link
• In workflow while Creating workflow there is no way to close or back it except to save. tulip link

Overlay changes

• Overlay moves below the header so notifications and other icons.
• Overlay both headers are fixed while scrolling
• Padding on wide screens
• Borders on dark mode -D
• Input icons, font size in title & value,
• Close icon to right end -D
• Icon colors in light and dark mode purple in icons

Navigation drawer

• No change to the content while hovering and default.
• icon fill while hovering
• moving footer icons to the navigation drawer bottom.
• dark and light mode icon “transition: 0.6s cubic-bezier(0.5,0.5,0,1)” figma link | Prototype

Header

• icons style and color variants and size
• Help icon is not yet integrated
• tooltip card while clicking the profile icon or hovering on any icons also updated.

Others mentioned changes

• switches CHAOS https://tulip-dev.beezlabs.app/en/forms/form-details/82072899-d562-3aa2-96b4-e3695e2cffa7

Designer side pending

• Empty states
• command center KPI cards

Mar-4 New changes

• don't show 0 in the notification icon on the header

[jbk-uiux]

• overlay header icon and buttons rethink

• notification panel

• switch https://tulip-dev.beezlabs.app/en/forms/form-details/82072899-d562-3aa2-96b4-e3695e2cffa7

• Icons

• Filter UI

• Filter is not updated in UI after sharing the filter URL ⤵️
  

• don't have to show if it is below 10 rows or row goes beyond the viewport ⤵️ ( C URL and UI)
  

ask

for total execution
workflow la > Do we have to show the 'run and deploy button' when it is in an inactive state? ⤵️

[jbk-uiux]

Overlay header icons

• Technical Information Read-Only, = fi-rr-test
• Basic Information, = fi-rr-file-circle-info
• Runtime Metrics, = fi-rr-chart-histogram
• Constants, = fi-rr-wave-sine
• Bots, = fi-rr-user-robot
• profiles, = fi-rr-mode-portrait
• Workflow Design, = fi-rr-code-branch
• Proposal Designer, = fi-rr-customize-computer
• identities, = fi fi-rr-membership-vip
• Automation Agent, = fi fi-rr-it
• Bot Template, = fi fi-rr-template-alt
• Connection details, = fi-rr-network
• Rule Design, = fi-rr-test
• Email Notification settings, = fi-rr-envelope-dot
• Honey user, = fi-rr-user-shield
• Honey Privilege, = fi-rr-rent
• Table Privilege, = fi-rr-table-layout
• Api Privilege, = fi-rr-data-transfer
• Execution Lifecycle, = fi-rr-file-medical-alt
• Runtime information, = fi-rr-time-quarter-to
• Inputs based on Proposal, = fi-rr-input-tex
• Process View, = fi-rr-pulse
• Bot Executions, = fi-rr-robot
• Activities, = fi-rr-file-chart-line
• Execution views = fi-rr-table-tree

Other Icons

Close= fi-rr-cross
more or 3dot = fi-rr-menu-dots
create= fi-sr-plus
run= fi-sr-play
stop= fi-sr-stop
pause= fi-rr-pause
dropdown-up = fi-sr-angle-up
dropdown-down = fi-sr-angle-down
edit= fi-rr-edit
delete= fi-rr-trash
refresh= fi-rr-refresh
new tab or link= fi-rr-arrow-up-right-from-square
fullscreen= fi-rr-expand
search= fi-rr-search
help = fi-rr-interrogation
notification= fi-rr-bell
copy= fi-rr-copy-alt
calendar = fi-rr-calendar
input-close or clear icon= fi-sr-cross-small

breadcrumb arrow right = fi-rr-angle-small-right
arrow left = fi-rr-angle-small-left
arrow up = fi-rr-angle-small-up
arrow down = fi-rr-angle-small-down

badge icons

active - check = fi-sr-check-circle
inactive = fi-sr-exclamation
error= fi-sr-diamond-exclamation
warn= fi-rr-triangle-warning
info= fi-rr-info