Skip to content

fix(fab): fixing css issues#427

Merged
christoph-jerolimov merged 19 commits intoredhat-developer:mainfrom
its-mitesh-kumar:fix/global-fab
Mar 17, 2025
Merged

fix(fab): fixing css issues#427
christoph-jerolimov merged 19 commits intoredhat-developer:mainfrom
its-mitesh-kumar:fix/global-fab

Conversation

@its-mitesh-kumar
Copy link
Copy Markdown
Member

@its-mitesh-kumar its-mitesh-kumar commented Feb 17, 2025

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
@rhdh-gh-app
Copy link
Copy Markdown

rhdh-gh-app Bot commented Feb 17, 2025

Changed Packages

Package Name Package Path Changeset Bump Current Version
app workspaces/global-floating-action-button/packages/app none v0.0.1
@red-hat-developer-hub/backstage-plugin-global-floating-action-button workspaces/global-floating-action-button/plugins/global-floating-action-button patch v1.0.0

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Copy link
Copy Markdown
Member

@christoph-jerolimov christoph-jerolimov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @its-mitesh-kumar, can you please add screenshots before and after to your PR.

@debsmita1 debsmita1 changed the title fixing css issues fix(fab): fixing css issues Feb 18, 2025
@debsmita1 debsmita1 requested a review from ShiranHi February 18, 2025 07:27
Copy link
Copy Markdown
Member

@debsmita1 debsmita1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fab with text labels are appearing like this

Screenshot 2025-02-19 at 6 56 42 PM

@its-mitesh-kumar
Copy link
Copy Markdown
Member Author

its-mitesh-kumar commented Feb 24, 2025

@ShiranHi @debsmita1 does ux look fine to you .

screen-recording-2025-02-25-at-125803-am_ZGkdaWoL.mp4

@debsmita1
Copy link
Copy Markdown
Member

As discussed on a call, my commit cc90881 has some changes where I have tried Slide with Fade MUI components

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
@christoph-jerolimov
Copy link
Copy Markdown
Member

christoph-jerolimov commented Mar 9, 2025

Hey @debsmita1, can you please take a new look and check with @invincibleJai if this is a 1.5.x or 1.6.0 change? Thanks.

Copy link
Copy Markdown
Member

@debsmita1 debsmita1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks much better now
Could you work on adding some delay to transition ?

Comment on lines +131 to +132
color: iconColor ? iconColor : '#1f1f1f',
backgroundColor: !actionButton.color && !className ? 'white' : '',
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you undo this change and test ?
I tried it myself and it looks like this change is not needed

@its-mitesh-kumar
Copy link
Copy Markdown
Member Author

@ShiranHi , Now transition looks much smooth , can you review and add lgtm

FAB_Final.mov

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
its-mitesh-kumar and others added 3 commits March 12, 2025 12:45
Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
…ng-action-button/src/components/FABWithSubmenu.tsx

Co-authored-by: Debsmita Santra <debsmita.santra@gmail.com>
Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
@sonarqubecloud
Copy link
Copy Markdown

@debsmita1 debsmita1 self-requested a review March 17, 2025 13:29
Copy link
Copy Markdown
Member

@debsmita1 debsmita1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/lgtm

Thank you @its-mitesh-kumar !

@openshift-ci openshift-ci Bot added the lgtm label Mar 17, 2025
@christoph-jerolimov christoph-jerolimov merged commit 41fc49f into redhat-developer:main Mar 17, 2025
ishanjogi89 added a commit to ishanjogi89/rhdh-plugins that referenced this pull request Mar 18, 2025
…nto FLPATH-2143

* 'main' of https://github.com/ijogi-redhat/rhdh-plugins:
  chore: update code owners (redhat-developer#505)
  chore(marketplace): add package examples and link them from plugins (redhat-developer#503)
  Version Packages (redhat-developer#439)
  Version Packages (redhat-developer#437)
  feat(global-header): changing create to self-service (redhat-developer#495)
  fix(fab): fixing css issues (redhat-developer#427)
  Version Packages (redhat-developer#504)
  feat(marketplace): add monaco editor (redhat-developer#500)
  Version Packages (redhat-developer#502)
  fix(marketplace): align with UXD: add grey placeholder if icon is missing and placeholder when there is no description (redhat-developer#498)
  feat(adoption-insights): add frontend plugin for adoption insights (redhat-developer#464)
  fix(adoption-insights): remove unwanted columns and add techdocs type (redhat-developer#497)
  fix(adoption-insights): add redirection links and cast count as integers (redhat-developer#496)
  fix(adoption-insights): camel case column names to lower case (redhat-developer#494)
  Version Packages (redhat-developer#492)
  fix(lightspeed): remove resets from PF CSS import (redhat-developer#469)
  feat(adoption-insights): add grouping configuration in insights endpoints (redhat-developer#488)
elai-shalev pushed a commit to elai-shalev/rhdh-plugins that referenced this pull request Jan 21, 2026
* fixing css issues

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* adding changeset

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* updated the FAB menu actions

* Revert "updated the FAB menu actions"

* Revert "Revert "updated the FAB menu actions""

* fix/fab: adding transiotn , removing text tranform

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* fix slide transition

* fix/fab: buttons should appear from button

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* making transition faster

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* fixing sonar cloud issues

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* moving iconcolor to fab

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* updating api report

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* Update workspaces/global-floating-action-button/plugins/global-floating-action-button/src/components/FABWithSubmenu.tsx

Co-authored-by: Debsmita Santra <debsmita.santra@gmail.com>

* buttons background white

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

---------

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Co-authored-by: debsmita1 <debsmita.santra@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants