AppFlowy-IO/AppFlowy

Fork 0

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 04:46:56 +00:00

[GH-ISSUE #8222] [Bug] Settings btn not consistent with other btns, key tiles layout is weird #3661

New issue

Open

opened 2026-03-23 21:32:13 +00:00 by mirror · 4 comments

mirror commented

2026-03-23 21:32:13 +00:00

Owner

Originally created by @MayurSMahajan on GitHub (Sep 16, 2025).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/8222

Originally assigned to: @RyzenGG6 on GitHub.

Bug Description

This issue actually consists of two UI improvements that can be made.

The reset shortcut btn's hover effect is not consistent with other btns
The layout for each Shortcut tile is a column with 50% 50%, which leaves a lot of blank space at the tail

How to Reproduce

Open AppFlowy Settings
Observe the UI issues

Expected Behavior

The button's hover effect should be consistent with other buttons in the setings, such as the text color should also change upon hovering
The keys could be aligned at the end to have space in the middle. Something like justify-content: space-between in css

Operating System

All

AppFlowy Version(s)

0.9.9

Screenshots

No response

Additional Context

Issue 1

Issue 2

Originally created by @MayurSMahajan on GitHub (Sep 16, 2025). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/8222 Originally assigned to: @RyzenGG6 on GitHub. ### Bug Description This issue actually consists of two UI improvements that can be made. - [ ] The reset shortcut btn's hover effect is not consistent with other btns - [ ] The layout for each Shortcut tile is a column with 50% 50%, which leaves a lot of blank space at the tail ### How to Reproduce 1. Open AppFlowy Settings 2. Observe the UI issues ### Expected Behavior 1. The button's hover effect should be consistent with other buttons in the setings, such as the text color should also change upon hovering 2. The keys could be aligned at the end to have space in the middle. Something like `justify-content: space-between` in css ### Operating System All ### AppFlowy Version(s) 0.9.9 ### Screenshots _No response_ ### Additional Context ### Issue 1 <img width="800" height="220" alt="Image" src="https://github.com/user-attachments/assets/970328e1-5cb3-44ff-aa36-0f804f418786" /> --- ### Issue 2 <img width="600" height="180" alt="Image" src="https://github.com/user-attachments/assets/f4731df8-4686-4522-8228-c969129de4cd" />

mirror added the

good first issue for experienced devs

good first issue for devs

look and joy

labels

2026-03-23 21:32:13 +00:00

mirror commented

2026-03-23 21:32:14 +00:00

Author

Owner

@RyzenGG6 commented on GitHub (Sep 25, 2025):

Hi, I would like to work on this issue.
Could you please assign it to me?

@RyzenGG6 commented on GitHub (Sep 25, 2025): Hi, I would like to work on this issue. Could you please assign it to me?

mirror commented

2026-03-23 21:32:14 +00:00

Author

Owner

@MayurSMahajan commented on GitHub (Sep 25, 2025):

Hey @RyzenGG6. You are assigned, happy coding!

@MayurSMahajan commented on GitHub (Sep 25, 2025): Hey @RyzenGG6. You are assigned, happy coding!

mirror commented

2026-03-23 21:32:14 +00:00

Author

Owner

@RishiAhuja commented on GitHub (Oct 7, 2025):

@MayurSMahajan I've tried to make a PR about this issue, can you please look at it once, It would be amazing if you guide me if everything over there looks good!
https://github.com/AppFlowy-IO/AppFlowy/pull/8261

@RishiAhuja commented on GitHub (Oct 7, 2025): @MayurSMahajan I've tried to make a PR about this issue, can you please look at it once, It would be amazing if you guide me if everything over there looks good! https://github.com/AppFlowy-IO/AppFlowy/pull/8261

mirror commented

2026-03-23 21:32:14 +00:00

Author

Owner

@sarthakk04 commented on GitHub (Nov 24, 2025):

Hey @MayurSMahajan can you assign this to me . I would like to work on it

@sarthakk04 commented on GitHub (Nov 24, 2025): Hey @MayurSMahajan can you assign this to me . I would like to work on it