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

Remove shadow scroll #691

Merged
merged 5 commits into from
Oct 5, 2023
Merged

Remove shadow scroll #691

merged 5 commits into from
Oct 5, 2023

Conversation

hanbyul-here
Copy link
Collaborator

@hanbyul-here hanbyul-here commented Oct 4, 2023

Handles issue in #682 (comment)

While putting this fix, I noticed that use-media-query returns document body size, which differs from how CSS media query works. This results in a weird style in between 991 px ~ 1000 px. (screenshot attached, it is on ghg.center now) 👉 I didn't fix this problem, but I patched it with CSS.

(Eventually, we would need to move to Container query instead of media query: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries)

Screen Shot 2023-10-04 at 3 01 10 PM

@netlify
Copy link

netlify bot commented Oct 4, 2023

Deploy Preview for veda-ui ready!

Name Link
🔨 Latest commit 0d567fa
🔍 Latest deploy log https://app.netlify.com/sites/veda-ui/deploys/651eba4ff6ff5000085619f3
😎 Deploy Preview https://deploy-preview-691--veda-ui.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.

@hanbyul-here hanbyul-here requested a review from nerik October 4, 2023 19:02
@hanbyul-here hanbyul-here force-pushed the fix/scroll-shadow branch 2 times, most recently from c935954 to 85aba93 Compare October 4, 2023 19:09
Copy link
Contributor

@nerik nerik left a comment

Choose a reason for hiding this comment

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

Looking good, thanks 👍
Please review the issue with the map legend.

@nerik nerik self-requested a review October 5, 2023 13:31
@hanbyul-here hanbyul-here merged commit 1ab127e into ghg Oct 5, 2023
7 checks passed
@hanbyul-here hanbyul-here deleted the fix/scroll-shadow branch October 5, 2023 14:44
@hanbyul-here
Copy link
Collaborator Author

Ah looks like I missed the case when there are many layers. working on the fix now. (for PanelBody)

Screen Shot 2023-10-05 at 2 11 46 PM

hanbyul-here added a commit that referenced this pull request Oct 6, 2023
Follow up of : #691
Fixing panel overflowing problem in
https://deploy-preview-201--ghg-demo.netlify.app/data-catalog/epa-ch4emission-yeargrid-v2express/explore?projection=equirectangular%7C%7C&basemapid=light&datetime=2020-01-01T00%3A00%3A00.000Z

Wow Scroll is hard. It will be ideal if we can find a way to stick the
date widget and make only layers roll, but I am giving up here.. This
change basically resurrects what `ShadowScroll` does for HTML and CSS
sans some unnecessary elements for this case.

I noticed that the window scroll sometimes pops up if you scroll very
fast on the panel area. (Sorry, I cannot reproduce stably enough to grab
a screen recording.) this error happens in production environment, too,
so this PR doesn't necessarily introduce the error. But with the default
(thicker) scroll, the error seems more noticeable.
hanbyul-here added a commit that referenced this pull request Oct 12, 2023
## This PR, merged to `ghg`

### Features

- Analysis define
  - New step-by-step layout and various UI tweaks
  - Added sticky footer, moved submit and cancel buttons there
  - Added an AoI preset for North America
- Datasets are not filtered from `/collections` metadata (spatial,
temporal extent)
  - Dates are now set by default to 2018 - 2022
  - Replaced date presets with "2018 - 2022" and "last 10 years"
  - Date selection not possible anymore before 01-01-1980
- Prevent users from selecting datasets when time range selected would
mean fetching too many STAC items
- Analysis results page: set a hardcoded limit on the number of items
that can be requested as a failsafe mechanism for ☝️

### Bugfixes

- Removed logs in production
(US-GHG-Center/veda-config-ghg#152)
- Temporary fix of critical error encoutered during demos
(#680)
- Remove Shadow Scroll as a preventative method for
(#691)
- Check only day level equity to validate dates
(#676)
- Remove unneded attributes
(#694)
- BlockMap initial position error
(#687)

### Copy changes
- [Updated define
copy](f1e7171)
- [Disclaimer on results
page](54cf01e)


--- 

## Other PRs, merged to `main`

### Added in veda UI but made configurable (so not affecting
veda-config):
- #673
- #665
- #664

### Bugfixes
- #672
- #670 /
#666
- #662
- #691
- #650
- #676
- #694
- #687
@hanbyul-here hanbyul-here mentioned this pull request Aug 8, 2024
2 tasks
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.

2 participants