Skip to content

fix: layout improvements #90

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 our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 21, 2025
Merged

Conversation

xbinaryx
Copy link
Contributor

Prerequisites checklist

What changes did you make? (Give an overview)

  1. Added bottom padding to the right pane for better spacing of the last tree item.
  2. Made the right pane full-height on small screens.
  3. Corrected the scroll height of the left pane, allowing users to scroll to the bottom and view the complete code.

Related Issues

Closes #50

Is there anything you'd like reviewers to focus on?

@eslint-github-bot eslint-github-bot bot added the bug Something isn't working label Apr 10, 2025
Copy link

netlify bot commented Apr 10, 2025

Deploy Preview for eslint-code-explorer ready!

Name Link
🔨 Latest commit 6dd7e25
🔍 Latest deploy log https://app.netlify.com/sites/eslint-code-explorer/deploys/68039e371da9140008d9b9f4
😎 Deploy Preview https://deploy-preview-90--eslint-code-explorer.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.

@nzakas nzakas requested review from Copilot and amareshsm and removed request for Copilot April 10, 2025 15:05
Copy link

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot reviewed 7 out of 7 changed files in this pull request and generated no comments.

Comments suppressed due to low confidence (2)

src/components/editor.tsx:134

  • Review the new calc expressions used (e.g. calc(100%-72px) and calc(100%-57px)) to ensure that the syntax without spaces is parsed correctly in your Tailwind configuration, and that it produces the expected layout.
"h-[calc(100%-72px)]": readOnly,

src/App.tsx:51

  • Changing from a calculated height (70dvh) to h-full may lead to unexpected behavior if the parent container does not have an explicit height set; please verify that the parent container styles support this change.
"<div className=\"bg-muted overflow-auto h-full relative flex flex-col\">",

Copy link
Member

@nzakas nzakas left a comment

Choose a reason for hiding this comment

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

Nice work, this looks really good.

Would like @amareshsm to review before merging.

@nzakas nzakas added this to Triage Apr 10, 2025
@github-project-automation github-project-automation bot moved this to Needs Triage in Triage Apr 10, 2025
@nzakas nzakas moved this from Needs Triage to Second Review Needed in Triage Apr 10, 2025
@nzakas
Copy link
Member

nzakas commented Apr 18, 2025

@xbinaryx it looks like we have some merge conflicts now. Can you take a look?

@nzakas nzakas merged commit 823e1c3 into eslint:main Apr 21, 2025
8 checks passed
@github-project-automation github-project-automation bot moved this from Second Review Needed to Complete in Triage Apr 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working contributor pool
Projects
Status: Complete
Development

Successfully merging this pull request may close these issues.

Bug: Right pane height is too tall
2 participants