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

docs: fix leaky body styles for framed content

Browse source
This commit is contained in:
Eric Liu 2020-10-15 18:24:17 -07:00
commit 9956cd5e8a
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
docs/src/pages/framed/_reset.svelte
View file

@ -1,11 +1,20 @@
<script> <script>
import { onMount } from "svelte";
onMount(() => {
document.body.classList.add("framed");
return () => {
document.body.classList.remove("framed");
};
});
// TODO: [refactor] parse search parameters more reliably // TODO: [refactor] parse search parameters more reliably
$: currentTheme = window.location.search.split("?theme=")[1]; $: currentTheme = window.location.search.split("?theme=")[1];
$: document.documentElement.setAttribute("theme", currentTheme); $: document.documentElement.setAttribute("theme", currentTheme);
</script> </script>
<style> <style>
:global(body) { :global(body.framed) {
min-height: 100vh; min-height: 100vh;
width: 100%; width: 100%;
padding: var(--cds-spacing-06) var(--cds-spacing-05); padding: var(--cds-spacing-06) var(--cds-spacing-05);