Fox height issues

pull/8274/head
Puru Vijay 4 years ago
parent 152cc22806
commit 5b26afe9be

@ -1,7 +1,6 @@
// REPL props // REPL props
export const svelteUrl = `https://unpkg.com/svelte@3`; export const svelteUrl = `https://unpkg.com/svelte@3`;
export const rollupUrl = `https://unpkg.com/rollup@1/dist/rollup.browser.js`;
export const mapbox_setup = `window.MAPBOX_ACCESS_TOKEN = '${ export const mapbox_setup = `window.MAPBOX_ACCESS_TOKEN = '${
import.meta.env.VITE_MAPBOX_ACCESS_TOKEN import.meta.env.VITE_MAPBOX_ACCESS_TOKEN
}';`; }';`;

@ -93,9 +93,9 @@
width: 100%; width: 100%;
} }
:global(.examples-container, .repl-outer, .tutorial-outer) { /* :global(.examples-container, .repl-outer, .tutorial-outer) {
height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important; height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important;
} } */
:global(.toggle) { :global(.toggle) {
bottom: var(--ukr-footer-height) !important; bottom: var(--ukr-footer-height) !important;

@ -6,7 +6,6 @@
import ScreenToggle from '$lib/components/ScreenToggle.svelte'; import ScreenToggle from '$lib/components/ScreenToggle.svelte';
import { import {
mapbox_setup, // see site/content/examples/15-context/00-context-api mapbox_setup, // see site/content/examples/15-context/00-context-api
rollupUrl,
svelteUrl, svelteUrl,
} from '../../../config'; } from '../../../config';
import TableOfContents from './_TableOfContents.svelte'; import TableOfContents from './_TableOfContents.svelte';
@ -14,8 +13,10 @@
/** @type {import('./$types').PageData} */ /** @type {import('./$types').PageData} */
export let data; export let data;
/** @type {number} */
let width; let width;
let offset = 1; let offset = 1;
/** @type {import('@sveltejs/repl').default} */
let repl; let repl;
const { sections } = getContext('examples'); const { sections } = getContext('examples');
@ -48,7 +49,6 @@
<Repl <Repl
bind:this={repl} bind:this={repl}
{svelteUrl} {svelteUrl}
{rollupUrl}
orientation={replOrientation} orientation={replOrientation}
fixed={mobile} fixed={mobile}
relaxed relaxed

@ -9,7 +9,6 @@
import { import {
mapbox_setup, // needed for context API tutorial mapbox_setup, // needed for context API tutorial
rollupUrl,
svelteUrl, svelteUrl,
} from '../../../config.js'; } from '../../../config.js';
@ -138,7 +137,6 @@
<Repl <Repl
bind:this={repl} bind:this={repl}
{svelteUrl} {svelteUrl}
{rollupUrl}
orientation={mobile ? 'columns' : 'rows'} orientation={mobile ? 'columns' : 'rows'}
fixed={mobile} fixed={mobile}
on:change={handle_change} on:change={handle_change}

Loading…
Cancel
Save