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

Fine-tune acm-select.svelte CSS ▶ #47

Closed
EthanThatOneKid opened this issue Apr 9, 2021 · 2 comments · Fixed by #156
Closed

Fine-tune acm-select.svelte CSS ▶ #47

EthanThatOneKid opened this issue Apr 9, 2021 · 2 comments · Fixed by #156
Assignees
Labels
bug Something isn't working
Milestone

Comments

@EthanThatOneKid
Copy link
Owner

EthanThatOneKid commented Apr 9, 2021

Currently, the acm-select.svelte component looks similar to the current design, but is not identical.

Refer to the Figma design of the component to fine-tune the CSS in order to match the design:

select-input

Here is the arrow icon as seen on the right side of the component:

Arrow Icon

@EthanThatOneKid EthanThatOneKid self-assigned this Aug 26, 2021
@EthanThatOneKid EthanThatOneKid added the bug Something isn't working label Aug 26, 2021
@EthanThatOneKid EthanThatOneKid added this to the v2.0 💫 milestone Sep 8, 2021
@anhduy1202 anhduy1202 self-assigned this Oct 23, 2021
@EthanThatOneKid
Copy link
Owner Author

The above comment is outdated as of v1.1. Below is an explanation of the current status on this bug:

Currently, the acm-select.svelte component's dropdown's contents are off-centered slightly. If possible, the dropdown's options should be perfectly centered.

If this doesn't seem to be possible to customize in CSS, we can think about possible using a third-party select component.

@EthanThatOneKid
Copy link
Owner Author

Closed by #156.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants