Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
chenpangpang
open-webui
Commits
db58bb5f
Commit
db58bb5f
authored
Jul 04, 2024
by
rdavis
Browse files
refactor: Removed dependency
parent
d5c0876a
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
3 additions
and
5 deletions
+3
-5
src/lib/components/common/Collapsible.svelte
src/lib/components/common/Collapsible.svelte
+3
-5
No files found.
src/lib/components/common/Collapsible.svelte
View file @
db58bb5f
<script lang="ts">
<script lang="ts">
import { afterUpdate } from 'svelte';
export let open = false;
export let open = false;
export let className = '';
export let className = '';
// Manage the max-height of the collapsible content for snappy transitions
// Manage the max-height of the collapsible content for snappy transitions
let contentElement: HTMLElement;
let contentElement: HTMLElement;
let maxHeight = '0px'; // Initial max-height
let maxHeight = '0px'; // Initial max-height
// After any state update, adjust the max-height for the transition
afterUpdate(() =>
{
$: if (contentElement?.scrollHeight)
{
if (open) {
if (open) {
// Ensure the element is visible before measuring
// Ensure the element is visible before measuring
maxHeight = `${contentElement.scrollHeight}px`;
maxHeight = `${contentElement.scrollHeight}px`;
} else {
} else {
maxHeight = '0px';
maxHeight = '0px';
}
}
}
);
}
</script>
</script>
<div class={className}>
<div class={className}>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment