Skip to content

The FAB floating button gets triggered when I am near to its padding area.#243

Merged
DianaLease merged 2 commits intoaccordproject:mainfrom
Owaiseimdad:FIX-242-floating-button-padding-issue
Mar 17, 2025
Merged

The FAB floating button gets triggered when I am near to its padding area.#243
DianaLease merged 2 commits intoaccordproject:mainfrom
Owaiseimdad:FIX-242-floating-button-padding-issue

Conversation

@Owaiseimdad
Copy link
Contributor

Closes #242

Changes

  • Adjusted the clickable area of the Floating Action Button (FAB) to match its visual boundary, preventing unintended activation when hovering near its padding area

Flags

  • Ensure this change does not interfere with the button's appearance or other UI interactions.
  • Verify that the hover effect still works as expected without triggering outside the button's visible area.

Screenshots or Video

Screen.Recording.2025-03-14.at.11.43.54.AM.mov

Related Issues

Author Checklist

  • Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
  • Vital features and changes captured in unit and/or integration tests
  • Commits messages follow AP format
  • Extend the documentation, if necessary
  • Merging to main from fork:branchname

@netlify
Copy link

netlify bot commented Mar 14, 2025

Deploy Preview for ap-template-playground ready!

Name Link
🔨 Latest commit 1554af4
🔍 Latest deploy log https://app.netlify.com/sites/ap-template-playground/deploys/67d47c4bc8c03900086038ad
😎 Deploy Preview https://deploy-preview-243--ap-template-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@DianaLease DianaLease left a comment

Choose a reason for hiding this comment

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

Please sign your commits using DCO signoff

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
@Owaiseimdad Owaiseimdad force-pushed the FIX-242-floating-button-padding-issue branch from c702d8a to 1554af4 Compare March 14, 2025 18:58
@Owaiseimdad
Copy link
Contributor Author

Done @DianaLease

@Owaiseimdad Owaiseimdad requested a review from DianaLease March 15, 2025 11:14
@DianaLease DianaLease merged commit 8fdedc5 into accordproject:main Mar 17, 2025
7 checks passed
teja-pola pushed a commit to teja-pola/template-playground that referenced this pull request Mar 18, 2025
…ding area. (accordproject#243)

* Formated the code for future use with code maintainability.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

* Fab global is added.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

---------

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
codeAntu pushed a commit to codeAntu/template-playground that referenced this pull request Mar 18, 2025
…ding area. (accordproject#243)

* Formated the code for future use with code maintainability.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

* Fab global is added.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

---------

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
Signed-off-by: Ananta <codeantu@gmail.com>
codeAntu pushed a commit to codeAntu/template-playground that referenced this pull request Mar 18, 2025
…ding area. (accordproject#243)

* Formated the code for future use with code maintainability.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

* Fab global is added.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

---------

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
Signed-off-by: Ananta <codeantu@gmail.com>
surya4419 pushed a commit to surya4419/template-playground that referenced this pull request Mar 19, 2025
…ding area. (accordproject#243)

* Formated the code for future use with code maintainability.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

* Fab global is added.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

---------

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
surya4419 pushed a commit to surya4419/template-playground that referenced this pull request Mar 19, 2025
…ding area. (accordproject#243)

* Formated the code for future use with code maintainability.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

* Fab global is added.

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>

---------

Signed-off-by: Owaise Imdad <owaiseimdad@gmail.com>
Signed-off-by: surya4419 <suryaa4419@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

The FAB floating button gets triggered when I am near to its padding area.

2 participants