[Feature] - Enhance Language Selection UX: Fix Position or Restrict Height of Code Snippet List

[Devamchaudhari]

What feature would you like to see?

Problem Statement:

• Currently, the language selection box is placed in the aside section. When a user selects "All Snippets," multiple code snippets are displayed on the right side. If the user scrolls down significantly, they need to scroll back up again to change the language, which disrupts the user experience.

---

Proposed Solution:

To improve usability, we can implement one of the following solutions:

• Fix the Position: Make the language selection box sticky so that it remains visible when the user scrolls down.
• Restrict the Code Snippet List Height: Limit the height of the code snippet list and make it scrollable, ensuring the language selection box remains accessible without extra scrolling.

---

Expected Benefits:

• Enhances user experience by making language switching more convenient.
• Reduces unnecessary scrolling, especially when many snippets are displayed.
• Improves accessibility and usability for users navigating through large lists of code snippets.

[technoph1le]

Hey, there! Thanks for suggesting the idea. Yeah, we need to consider this as well.

Both suggestions are good. Let me know which one you would prefer. Personally, I like the 2nd idea because categories are likely grow as well and we might have to set a height for it in the future. Therefore, perhaps, setting heights for both categories and snippets? I'm open to listening your thoughts on this.

[Devamchaudhari]

Hey @dostonnabotov , 😊 I agree with you, I also prefer the second idea. Since categories might expand in the future, setting a fixed height for both the categories and snippets makes sense. This approach ensures better scalability while keeping the UI clean✨ and accessible.

[technoph1le]

@Devamchaudhari, let me know if you plan to make a PR for it.

[Devamchaudhari]

@dostonnabotov Sure! I'll start working on it 😊and raise a PR soon