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
• [x] In workflow while Creating workflow there is no way to close or back it except to save. tulip link

Overlay changes

• [x] Overlay moves below the header so notifications and other icons.
• [x] Overlay both headers are fixed while scrolling
• [ ] Padding on wide screens
• [ ] Borders on dark mode -D
• [x] 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

• [x] No change to the content while hovering and default.
• [x] icon fill while hovering
• [x] 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