mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(code-snippet): showMoreLess should update if code changes

Browse source
This commit is contained in:
Eric Liu 2020-10-30 10:14:08 -07:00
commit 0f6d42eb42
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/CodeSnippet/CodeSnippet.svelte
View file

@ -99,15 +99,22 @@
*/ */
export let ref = null; export let ref = null;
import { tick } from "svelte";
import ChevronDown16 from "carbon-icons-svelte/lib/ChevronDown16"; import ChevronDown16 from "carbon-icons-svelte/lib/ChevronDown16";
import { Button } from "../Button"; import { Button } from "../Button";
import { Copy } from "../Copy"; import { Copy } from "../Copy";
import { CopyButton } from "../CopyButton"; import { CopyButton } from "../CopyButton";
import CodeSnippetSkeleton from "./CodeSnippet.Skeleton.svelte"; import CodeSnippetSkeleton from "./CodeSnippet.Skeleton.svelte";
function setShowMoreLess() {
const { height } = ref.getBoundingClientRect();
if (height > 0) showMoreLess = ref.getBoundingClientRect().height > 255;
}
$: expandText = expanded ? showLessText : showMoreText; $: expandText = expanded ? showLessText : showMoreText;
$: if (type === "multi" && ref) { $: if (type === "multi" && ref) {
showMoreLess = ref.getBoundingClientRect().height > 255; if (code === undefined) setShowMoreLess();
if (code) tick().then(setShowMoreLess);
} }
</script> </script>