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.

Sign up for GitHub

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

Jump to bottom

feat(atomic): add variable for collapsed rga height #4633

Open
wants to merge 7 commits into
base: v2
Choose a base branch
from
+12 −5
Open

feat(atomic): add variable for collapsed rga height #4633

Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
6568ca8
feat(atomic): add variable for collapsed rga height
dguerinCoveo Nov 1, 2024
57f65e6
chore: add prop docstring
dguerinCoveo Nov 4, 2024
a56bf6d
chore: remove overriden tailwind property
dguerinCoveo Nov 4, 2024
968bcea
chore: use *0.7 for transparency height
dguerinCoveo Nov 4, 2024
930f434
docs(atomic): generated answer update
jpmarceau Nov 5, 2024
b75f402
Add generated files
Nov 5, 2024
a97a2f1
Trigger Build
dguerinCoveo Nov 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions packages/atomic/src/components/common/generated-answer/styles/generated-answer.pcss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,17 +96,24 @@
}
}

/**
* @prop --atomic-crga-collapsed-height: The maximum height of the collapsed generated answer container.
*/
[part='generated-container'] {
&.answer-collapsed {
@apply relative max-h-64 overflow-hidden content-[''];
@apply relative overflow-hidden content-[''];
max-height: var(--atomic-crga-collapsed-height, 16rem);

.feedback-buttons {
@apply hidden;
}
}
&.answer-collapsed:before {
@apply absolute left-0 top-0 h-full w-full content-[''];
background: linear-gradient(transparent 11.25rem, var(--atomic-background));
background: linear-gradient(
transparent calc(var(--atomic-crga-collapsed-height, 16rem) * 0.7),
var(--atomic-background)
);
}
}

Expand Down
Loading