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

fix(atomic): collapsed answer gradient colour #4081

Merged
merged 1 commit into from
Jun 13, 2024
Merged

Conversation

jpmarceau
Copy link
Contributor

https://coveord.atlassian.net/browse/KIT-3313

Right now, the linear-gradient is hardcoded to white rather than to the background atomic colour. This will create issues when clients modify their background colour to something other than white, like we doc on the docs site when in dark mode.

Screenshot 2024-06-11 at 3 34 27 PM

It doesn't seem possible for clients to change the linear-gradient. Probably because it requires targeting a pseudo-element of a part with a certain class. So, in this PR, I use the atomic-background colour instead.

@jpmarceau
Copy link
Contributor Author

Oh, and if you want to have a look, you can do so with this branch: https://github.com/coveo/ui-kit/compare/KIT-3313-test
Screenshot 2024-06-11 at 3 39 52 PM

@developer-experience-bot
Copy link
Contributor

developer-experience-bot bot commented Jun 11, 2024

Pull Request Report

PR Title

✅ Title follows the conventional commit spec.

Live demo links

Bundle Size

File Old (kb) New (kb) Change (%)
case-assist 204.8 204.8 0
commerce 291.9 291.9 0
search 372.3 372.3 0
insight 352.4 352.4 0
product-listing 266.9 266.9 0
product-recommendation 170.8 170.8 0
recommendation 217.8 217.8 0
ssr 365.1 365.1 0

SSR Progress

Use case SSR (#) CSR (#) Progress (%)
search 39 44 89
recommendation 0 4 0
product-recommendation 0 10 0
product-listing 0 13 0
case-assist 0 6 0
insight 0 27 0
commerce 0 15 0
Detailed logs search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
product-recommendation : missing SSR support
product-listing : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support

@louis-bompart louis-bompart added this pull request to the merge queue Jun 13, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jun 13, 2024
@louis-bompart louis-bompart enabled auto-merge June 13, 2024 14:27
@louis-bompart louis-bompart disabled auto-merge June 13, 2024 17:56
@louis-bompart louis-bompart added this pull request to the merge queue Jun 13, 2024
Merged via the queue into master with commit 56da0e3 Jun 13, 2024
87 checks passed
@louis-bompart louis-bompart deleted the KIT-3313 branch June 13, 2024 18:22
Spuffynism pushed a commit that referenced this pull request Jun 14, 2024
https://coveord.atlassian.net/browse/KIT-3313

Right now, the linear-gradient is hardcoded to white rather than to the
background atomic colour. This will create issues when clients modify
their background colour to something other than white, like we doc on
the docs site when in dark mode.

<img width="1222" alt="Screenshot 2024-06-11 at 3 34 27 PM"
src="https://github.com/coveo/ui-kit/assets/39384459/967e0fdc-923d-4554-a290-a795c7b66b66">

It doesn't seem possible for clients to change the linear-gradient.
Probably because it requires targeting a pseudo-element of a part with a
certain class. So, in this PR, I use the atomic-background colour
instead.
fpbrault pushed a commit that referenced this pull request Jun 14, 2024
https://coveord.atlassian.net/browse/KIT-3313

Right now, the linear-gradient is hardcoded to white rather than to the
background atomic colour. This will create issues when clients modify
their background colour to something other than white, like we doc on
the docs site when in dark mode.

<img width="1222" alt="Screenshot 2024-06-11 at 3 34 27 PM"
src="https://github.com/coveo/ui-kit/assets/39384459/967e0fdc-923d-4554-a290-a795c7b66b66">

It doesn't seem possible for clients to change the linear-gradient.
Probably because it requires targeting a pseudo-element of a part with a
certain class. So, in this PR, I use the atomic-background colour
instead.
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.

3 participants