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

fix(gatsby): Refactor overlay utils #31005

Merged
merged 5 commits into from
Apr 23, 2021
Merged

Conversation

LekoArts
Copy link
Contributor

Description

This is a PR in preparation of moving the DEV_SSR overlay to the unified look of our existing Fast Refresh overlay. It moves the shared css utility and React Portal to their own files.

I also updated the loading indicator to use React hooks and made the CSS variable names more declarative. Also increased the z-index one more level.

@gatsbot gatsbot bot added the status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer label Apr 22, 2021
@LekoArts LekoArts added topic: core Relates to Gatsby's core (e.g. page loading, reporter, state machine) topic: hot reloading and removed status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer labels Apr 22, 2021
Copy link
Contributor

@pieh pieh left a comment

Choose a reason for hiding this comment

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

That looks great. Thanks!

import emitter from "../emitter"
import { Indicator } from "./indicator"

// no hooks because we support react versions without hooks support
Copy link
Contributor

Choose a reason for hiding this comment

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

not anymore (yay) :)

Comment on lines -16 to -23
--purple-60: #663399;
--gatsby: var(--purple-60);
--purple-40: #b17acc;
--purple-20: #f1defa;
--dimmedWhite: rgba(255, 255, 255, 0.8);
--white: #ffffff;
--black: #000000;
--grey-90: #232129;
Copy link
Contributor

Choose a reason for hiding this comment

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

heh, I see quite a few of unused vars we had here 🙈

@LekoArts LekoArts merged commit 4930aa5 into master Apr 23, 2021
@LekoArts LekoArts deleted the react-portals-maintenance branch April 23, 2021 07:15
@LekoArts LekoArts added the topic: DX Developer Experience (e.g. Fast Refresh, i18n, SSR, page creation, starters) label May 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
topic: core Relates to Gatsby's core (e.g. page loading, reporter, state machine) topic: DX Developer Experience (e.g. Fast Refresh, i18n, SSR, page creation, starters)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants