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

feat: new loader animation #1085

Merged
merged 16 commits into from
Aug 31, 2023
Merged

feat: new loader animation #1085

merged 16 commits into from
Aug 31, 2023

Conversation

shkeating
Copy link
Contributor

@shkeating shkeating commented Aug 25, 2023

SC-2317

Proposed changes

This branch replaces our previous loader animation to use something more professional and polished looking.

Reviewer notes

The feedback going in was to feature the stacked light delta logo with an outer space background. I have been able to generate most visual assets with css.

to do:

  • add logo with inline svg code
  • add something a little more obviously animated to make sure the viewer percieves it as a loader

Setup

run the portal client locally or go on storybook

Start storybook

yarn storybook

http://localhost:6006/iframe.html?args=&id=base-loader--default-loader&viewMode=story


Screenshots

loader-rotation

mobile layout:

image

@shkeating shkeating requested a review from a team as a code owner August 25, 2023 18:45
@shkeating shkeating self-assigned this Aug 25, 2023
@shortcut-integration
Copy link

This pull request has been linked to Shortcut Story #2317: refactor loader.

@shkeating
Copy link
Contributor Author

loader-rotation

@shkeating shkeating requested a review from malworks August 29, 2023 18:09
z-index: 1;
border-radius: 50%;
}
$s: 600; //number of stars
Copy link
Contributor

Choose a reason for hiding this comment

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

thank you for adding helpful comments! 💅

@shkeating shkeating merged commit b099904 into main Aug 31, 2023
@shkeating shkeating deleted the sc-2317-shk-loader branch August 31, 2023 16:52
gidjin pushed a commit that referenced this pull request Sep 11, 2023
## [4.23.0](4.22.1...4.23.0) (2023-09-11)


### Features

* Add resolvers and mutations for managing weather widget ([#1075](#1075)) ([a652766](a652766))
* Add support for CTA to link a document ([#1082](#1082)) ([fa0a6bb](fa0a6bb))
* Change h3 from book weight to bold weight ([#1076](#1076)) ([c92ae65](c92ae65))
* Create weather widget ([#1079](#1079)) ([3e6b91d](3e6b91d))
* Load user personnel data into portal ([#1088](#1088)) ([fe0a1d8](fe0a1d8))
* new loader animation ([#1085](#1085)) ([b099904](b099904))


### Bug Fixes

* **deps:** update dependencies ([#1059](#1059)) ([441a35c](441a35c))
* design: dark mode adjustments ([#1091](#1091)) ([9c67a4a](9c67a4a))
* design: Footer styling refactor for accessibility and responsive design improvements ([#1081](#1081)) ([18dd17f](18dd17f))
* local personnel-api service targets builder stage only ([#1084](#1084)) ([94950eb](94950eb))
* storybook dark theme ([#1065](#1065)) ([c5deda3](c5deda3))
* storybook deploy ([#1072](#1072)) ([ee21044](ee21044))


### Security Improvements

* **deps:** update auto-instrumentations-web and auto-instrumentations-node ([#1087](#1087)) ([71236b8](71236b8))
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.

5 participants