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(fileUpload): styling for fileUpload component #16

Merged
merged 3 commits into from
Sep 11, 2024

Conversation

hamo225
Copy link
Member

@hamo225 hamo225 commented Sep 9, 2024

RISDEV-4778

@hamo225 hamo225 changed the title File-upload component RISDEV-4778 feat(fileUpload): styling for fileUpload component Sep 10, 2024
@andreasphil andreasphil force-pushed the risdev_4778_file_upload branch 2 times, most recently from c9dcb11 to e546ce8 Compare September 11, 2024 09:36
hamo225 and others added 2 commits September 11, 2024 11:48
This also introduces Mock Service Worker for Storybook, so we can easily
mock and test API interactions (such as the file upload) in a way that
is as close as possible to how it would work in an actual application.

RISDEV-4778
When a button has an icon, we used to reduce padding on the side where
the icon is to make it look more balanced. Unfortunately, this only
really has the desired effect for icons with a lot of whitespace (e.g.
checkmarks), and looks broken for more "busy" icons (e.g. file upload).

This commit removes special padding treatment for icons. The padding is
always the same, whether there is an icon or not. This looks much better
for the more busy icons, and still pretty good for icons with more
whitespace.
@andreasphil andreasphil force-pushed the risdev_4778_file_upload branch from e546ce8 to e9bbf3d Compare September 11, 2024 09:48
@andreasphil andreasphil self-requested a review September 11, 2024 09:52
@andreasphil andreasphil merged commit f99a432 into main Sep 11, 2024
3 checks passed
@andreasphil andreasphil deleted the risdev_4778_file_upload branch September 11, 2024 09:53
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