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

Create workspace overlay #634

Merged
merged 8 commits into from
Jan 9, 2025
Merged

Create workspace overlay #634

merged 8 commits into from
Jan 9, 2025

Conversation

keyserj
Copy link
Collaborator

@keyserj keyserj commented Jan 9, 2025

Closes #602

Description of changes

Additional context

Already was using bg-gray-50 for a background color that contrasts
with paper, adding a theme color makes it more clear and standard.
to prepare for AppHeader, which will share some commonality with
SiteHeader.

includes:
- extract Logo, SiteMenu, ProfileButton for reuse
- move Docs link into SiteDrawer and hide on smaller screens (because
there won't be as much space for it in the AppHeader)
also refactored the regex to handle more cases
it overlays & allows diagram to take more space for large screens
slash seemed like it had too much padding before this
i.e. specifically for the diagram and table

overlayed for the diagram, in-line for the table, since the table
is awkward to see some cells if there's any overlay.

this feels more like a modern diagram UI. main driving factor was
trying to make topic title & quick views more obvious to new users.

includes making panes full height, see comment for explanation

includes allowing Select and HelpMenu to be opened upwards when they're
near bottom of screen - otherwise they'd open over the Select/Menu.
since they're less useful and more distracting for newer users

also put details in left pane because it's still defaulting open and
left feels better for a pane that'll be open most of the time?
Copy link

netlify bot commented Jan 9, 2025

Deploy Preview for velvety-vacherin-4193fb ready!

Name Link
🔨 Latest commit efbc0bb
🔍 Latest deploy log https://app.netlify.com/sites/velvety-vacherin-4193fb/deploys/67800b5388ffb7000895b170
😎 Deploy Preview https://deploy-preview-634--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: 95
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 9, 2025

Deploy Preview for ameliorate-docs canceled.

Name Link
🔨 Latest commit efbc0bb
🔍 Latest deploy log https://app.netlify.com/sites/ameliorate-docs/deploys/67800b5367ebb20008040eee

@keyserj keyserj merged commit 52afc08 into main Jan 9, 2025
10 checks passed
@keyserj keyserj deleted the create-workspace-overlay branch January 9, 2025 18:07
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.

Create workspace overlay for headers & quick views
1 participant