Skip to content
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

Interface redesign followups #639

Merged
merged 13 commits into from
Jan 16, 2025
Merged

Interface redesign followups #639

merged 13 commits into from
Jan 16, 2025

Conversation

keyserj
Copy link
Collaborator

@keyserj keyserj commented Jan 16, 2025

Closes #617

Description of changes

Additional context

ultimately it seems worth for the keyboard functionality.
see pros/cons below.

pros:
- much easier to use with keyboard (see code comments)
- opens upwards/downwards automatically based on space

cons:
- options don't look as stylish
- is auto-sized based on all options width rather than the selected
option... maybe we can override this in the future though.
can keep an eye on performance and undo if it's too slow
includes using square-rounding for toolbar buttons because it
seems to fit better (way better for narrow menu buttons).
Copy link

netlify bot commented Jan 16, 2025

Deploy Preview for velvety-vacherin-4193fb ready!

Name Link
🔨 Latest commit 698313c
🔍 Latest deploy log https://app.netlify.com/sites/velvety-vacherin-4193fb/deploys/6789751bddc52a0008df56d9
😎 Deploy Preview https://deploy-preview-639--velvety-vacherin-4193fb.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 79
Accessibility: 86
Best Practices: 92
SEO: 100
PWA: 80
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jan 16, 2025

Deploy Preview for ameliorate-docs canceled.

Name Link
🔨 Latest commit 698313c
🔍 Latest deploy log https://app.netlify.com/sites/ameliorate-docs/deploys/6789751b5b7c540008cfd7b1

nice to have a quick way to hide the content overlays because
they can sometimes be annoying.

includes removing global body style because it seems that that isn't
needed anymore?
bottom drawer didn't have enough space on the screen for small screens.

also allows some code cleanup to not need to support a
bottom/portrait drawer.
wasn't properly forwarding the `replace` prop via middleware.

also enable (eslint) passing rest params because of this case.
replacing when we previously had a fewer-prop'd User Topic.

need it for TopicForm to save api requests.

doesn't seem like we need to avoid storing the small number of
fields that exist on Topic anyway.
it's clearer and the whole user wasn't necessary
more convenient than going to a different page.

includes fixing asymmetric Settings button hover effect
because it didn't have right padding.

this doesn't completely replace the new topic page because
"start building" from the home page needs to route to a page,
so that creating can start after the user logs in.
@keyserj keyserj force-pushed the interface-redesign-followups branch from 3f6dd5c to 70a2370 Compare January 16, 2025 20:54
@keyserj keyserj force-pushed the interface-redesign-followups branch from 55ac4ef to 698313c Compare January 16, 2025 21:07
@keyserj keyserj merged commit d28f5b8 into main Jan 16, 2025
10 checks passed
@keyserj keyserj deleted the interface-redesign-followups branch January 16, 2025 21:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Make Topic Pane take up full screen for small screens
1 participant