fix: transparent globe canvas and footer layout#191
Merged
Conversation
Make the Cesium WebGL canvas transparent so the landing background image shows through, and restructure the layout so the footer pushes content up instead of overlapping it. - Enable WebGL alpha channel and transparent scene background - Remove duplicate bg.png from .cesium-widget CSS - Propagate flex-col through layout chain for proper sizing - Remove absolute positioning from desktop footer
mbarrenechea
had a problem deploying
to
production
GitHub Actions
Failure
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Scene doesn't expose this as a settable prop in Resium (read-only constructor option). Pass it through Viewer instead, which forwards it to the Cesium.Viewer constructor.
mbarrenechea
had a problem deploying
to
production
GitHub Actions
Failure
Slide-in + fade-in animations for desktop panels using tailwindcss-animate: - Geostories sidebar animates from left after data is fetched - Social media sidebar animates from right on mount - Categories panel animates from bottom on mount - Globe fades in once satellite tiles finish loading
…tions Scope hover styles to inactive buttons only so active state is not overridden. Add transition-colors to button, icon circle, and label for smooth color changes on toggle and hover.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
bg.pngbackground image shows through instead of being blocked by an opaque canvasbg.pngbackground from.cesium-widgetCSS that was causing a visible shift between the two misaligned copiesflex flex-coldown the component chain (layout.tsx→layout-client.tsx→(landing)/layout.tsx) so the footer sits in normal document flow pushing the globe up, instead of overlapping withabsolute bottom-0Test plan
/exploreroutes still have no footer and layout is unaffected