Hi! @QuackHonk I have made the changes you requested. The buttons look okay in light theme too. And Buttons are now being hidden instead of wrapping.

Screenshots

I have tested this, and have found two issues-

1. When narrowing the screen width the button text is also visible like Link, Code, Bold and all. In my opinion that is taking a lot of space which is making things looking cramped. I mean can we just have the icon only. In that way we could save some space.

2. Another thing is that when narrowing down the screen width we are removing Blockquote and Italics functionality, it does not feel right to me. Can we have an kebab button written "More" so Write/Preview remain stable while hidden actions are still accessible?

Display of issue onmain:

Display of changes:

The test here shows that the changes are working as intended. The write and preview tabs stay fixed, which looks nice and organized. Additionally, the surplus formatting buttons hide when there's no longer space for them.

I will comment that I think this behavior won't be helpful to users who may not know Markdown as they would benefit from the formatting buttons being available. A dropdown menu for the formatting options would be a good solution to this.

An example of how Github implements it:

Display of issue onmain:

### Display of changes: The test here shows that the changes are working as intended. The write and preview tabs stay fixed, which looks nice and organized. Additionally, the surplus formatting buttons hide when there's no longer space for them.

I will comment that I think this behavior won't be helpful to users who may not know Markdown as they would benefit from the formatting buttons being available. A dropdown menu for the formatting options would be a good solution to this.

An example of how Github implements it:

I agree with this, in my opinion this drop-down menu should be implemented, the view will not look cramped also the functionalities will be available for the user to use.

Hi! @elsume @GarvitKhandelwal31 I have made it so that it look like github comment box i.e when a dropdown menu appears and those buttons are available there for the user to click.

Video

Looks good to me.

Thank you for the suggestion. I will look into it and let you know when i am done.

Hi @JManion32! I fixed the auto popup and made the ui as u asked.

Screenshots

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 21.67%. Comparing base (4ca4e71) to head (0908b94).

@@            Coverage Diff            @@
##               main   #12713   +/-   ##
=========================================
  Coverage     21.67%   21.67%           
  Complexity     9802     9802           
=========================================
  Files           268      268           
  Lines         36724    36724           
  Branches        489      489           
=========================================
  Hits           7960     7960           
  Misses        28279    28279           
  Partials        485      485