Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Enhance snippet display with scrollbar#252

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Conversation

@Devamchaudhari
Copy link
Contributor

Description

  • This pull request introduces an improvement to the code snippet list by restricting its height and making it scrollable. The goal is to ensure that the language selection box remains accessible without requiring users to scroll excessively. This adjustment improves the overall user experience by maintaining easy access to the selection box while reducing unnecessary scrolling.

Type of Change

  • ✨ New snippet
  • 🛠 Improvement to an existing snippet
  • 🐞 Bug fix
  • 📖 Documentation update
  • 🔧 Other (please describe):

Checklist

  • I have tested my code and verified it works as expected.
  • My code follows the style and contribution guidelines of this project.
  • Comments are added where necessary for clarity.
  • Documentation has been updated (if applicable).
  • There are no new warnings or errors from my changes.

Related Issues

Closes#251

Additional Context

  • 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.

Screenshots (Optional)

Click to view screenshots

Copy link
Collaborator

@technoph1letechnoph1le left a comment

Choose a reason for hiding this comment

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

Thanks for the adjustments. I have made some reviews. Please review them before we can proceed.

Devamchaudhari reacted with thumbs up emoji
}

.snippets::-webkit-scrollbar-thumb {
background:#888;
Copy link
Collaborator

Choose a reason for hiding this comment

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

I advise using the CSS custom property for colors as there are dark and light mode.

Copy link
ContributorAuthor

Choose a reason for hiding this comment

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

okay. I have implement these changes in this commit.
Commit Id:07e5551

minmax(min(17.5rem,100%),1fr)
);/* [1] */
height:100%;
max-height:100vh;
Copy link
Collaborator

Choose a reason for hiding this comment

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

What do you think about setting lower height like90vh?

Also, settingmin-height would ensure it doesn't get too small and squishy.

Copy link
ContributorAuthor

Choose a reason for hiding this comment

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

Yeah, that's pretty great. I have done this changes in this commit.
Commit Id:07e5551

@technoph1letechnoph1le merged commitbe5c643 intoquicksnip-dev:mainFeb 5, 2025
1 check passed
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

@technoph1letechnoph1letechnoph1le approved these changes

@psychlone77psychlone77Awaiting requested review from psychlone77

@saminjaysaminjayAwaiting requested review from saminjay

@Mathys-GasnierMathys-GasnierAwaiting requested review from Mathys-Gasnier

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

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

2 participants

@Devamchaudhari@technoph1le

[8]ページ先頭

©2009-2025 Movatter.jp