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

Widget sizing #1092

Merged
merged 30 commits into from
Mar 13, 2024
Merged

Widget sizing #1092

merged 30 commits into from
Mar 13, 2024

Conversation

forgetso
Copy link
Member

@forgetso forgetso commented Mar 12, 2024

Widget Style fixes

This PR adds container CSS to the widget so that it resizes depending on the size of its parent div, and not the size of the screen. Contains the following changes:

  • resizing based on container breakpoints
  • creates common logo components for the various widgets
  • updates the procaptcha widget
  • updates the procaptcha POW widget
  • updates the placeholder widget
  • adds detail to the README for server side verification
  • adds the collector config to the development client-example
  • adds a command for starting the POW demo
  • adds a sleep to the occasionally failing utility test
  • fixes the URL in the widget and pulls it into a constants file
  • adds various other constants to widget constants file
  • fixes a bug relating to events when the provider URL is not present in local storage

Screenshots

image
image
image

Video of breakpoints

Peek 2024-03-12 20-58

@forgetso
Copy link
Member Author

Screenshot_20240313-094242_Brave

Tested on mobile

packages/api/src/api/ProviderApi.ts Outdated Show resolved Hide resolved
packages/provider/src/tests/util.test.ts Show resolved Hide resolved
packages/cli/src/prosopo.config.ts Outdated Show resolved Hide resolved
packages/cli/vite.config.ts Outdated Show resolved Hide resolved
packages/web-components/src/Logo.tsx Show resolved Hide resolved
packages/web-components/src/Logo.tsx Show resolved Hide resolved
packages/web-components/src/WidgetConstants.ts Outdated Show resolved Hide resolved
packages/provider/src/tests/util.test.ts Show resolved Hide resolved
@forgetso forgetso dismissed stale reviews from HughParry and goastler March 13, 2024 15:25

Stale

@prosoponator prosoponator merged commit 4a5c3c2 into main Mar 13, 2024
8 checks passed
@prosoponator prosoponator deleted the widget-sizing branch March 13, 2024 15:25
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.

4 participants