-
Notifications
You must be signed in to change notification settings - Fork 53
Redesign poll component #4481
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
Redesign poll component #4481
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I acknowledge that this is still a draft, but I welcome you with some comments
It's awesome that you're tackling this component!!
background-color: var(--lego-red-color); | ||
color: var(--lego-card-color); | ||
padding: 0 0.5rem 0.5rem; | ||
box-shadow: 0 2px 2px rgba(0, 0, 0, 20%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
box-shadow: 0 2px 2px rgba(0, 0, 0, 20%); | |
box-shadow: var(--shadow-sm); |
Not sure which you want
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not too sure about this one - all the shadows in variables have either very low opacity or are very spread out, so might have to define some new ones
color: var(--success-color); | ||
.arrowIcon { | ||
color: var(--lego-card-color); | ||
text-shadow: 0 2px 2px rgba(0, 0, 0, 20%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
text-shadow: 0 2px 2px rgba(0, 0, 0, 20%); | |
text-shadow: var(--shadow-md); |
Or a different one (most likely)
6d6556d
to
9336b66
Compare
2be2dc8
to
ceb9056
Compare
1c7a7a6
to
83b731a
Compare
Co-authored-by: PeterJFB <[email protected]>
83b731a
to
f574687
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Awesome
Shame to see updated components go to waste because of inactivity, so I have started scavenging what I could from #2707 and updating it ever so slightly to merge it to master:)
With this update, no poll options are displayed until it is triggered, so the issue of showing all options while the component loads is no longer an issue.
Result
If you've made visual changes, please check the boxes below and include images showing the changes. Descriptions are appreciated.
Caution
Make sure your images do not contain any real user information.
Before - smol
Skjermopptak.2024-02-25.kl.12.37.39.mov
After - smol
Skjermopptak.2024-02-25.kl.12.25.39.mov
Before - chunky
Skjermopptak.2024-02-25.kl.12.36.52.mov
After - chunky
Skjermopptak.2024-02-25.kl.12.35.34.mov
Testing
Please describe what and how the changes have been tested, and provide instructions to reproduce if necessary.
Resolves ABA-849, ABA-537, ABA-769