Skip to content

Commit 2302b3f

Browse files
authored
More mobile stuff (#406)
* various fixes * tidy up * simplify/fix * simplify * simplify more stuff * more
1 parent 549abe3 commit 2302b3f

File tree

7 files changed

+151
-309
lines changed

7 files changed

+151
-309
lines changed

apps/svelte.dev/src/routes/+layout.svelte

Lines changed: 1 addition & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -38,21 +38,7 @@
3838

3939
<Shell nav_visible={$page.route.id !== '/(authed)/playground/[id]/embed'}>
4040
{#snippet top_nav()}
41-
<Nav title={data.nav_title} links={data.nav_links}>
42-
{#snippet search()}
43-
<Search />
44-
{/snippet}
45-
46-
{#snippet external_links()}
47-
<a href="/chat" data-icon="discord" title="Discord Chat">
48-
<span>Discord</span>
49-
</a>
50-
51-
<a href="https://github.com/sveltejs/svelte" data-icon="github" title="GitHub Repo">
52-
<span>GitHub</span>
53-
</a>
54-
{/snippet}
55-
</Nav>
41+
<Nav title={data.nav_title} links={data.nav_links} />
5642
{/snippet}
5743

5844
{#snippet children()}
@@ -67,52 +53,3 @@
6753
{#if browser}
6854
<SearchBox />
6955
{/if}
70-
71-
<style>
72-
:global(:root) {
73-
color-scheme: light dark;
74-
}
75-
76-
:global(html, body) {
77-
height: 100%;
78-
width: 100%;
79-
}
80-
81-
@media (min-width: 800px) {
82-
[data-icon] {
83-
background: no-repeat 50% 50%;
84-
background-size: calc(100% - 1rem) auto;
85-
padding: 0 0.5rem;
86-
height: 100%;
87-
88-
/* visually hidden, but visible to screen readers */
89-
span {
90-
clip: rect(0 0 0 0);
91-
clip-path: inset(50%);
92-
height: 1px;
93-
overflow: hidden;
94-
position: absolute;
95-
white-space: nowrap;
96-
width: 1px;
97-
}
98-
}
99-
100-
[data-icon='discord'] {
101-
width: 3.4rem;
102-
background-image: url($lib/icons/discord-light.svg);
103-
104-
:global(.dark) & {
105-
background-image: url($lib/icons/discord-dark.svg);
106-
}
107-
}
108-
109-
[data-icon='github'] {
110-
width: 3rem;
111-
background-image: url($lib/icons/github-light.svg);
112-
113-
:global(.dark) & {
114-
background-image: url($lib/icons/github-dark.svg);
115-
}
116-
}
117-
}
118-
</style>
Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
export { click_outside } from './click-outside';
22
export { focus_outside } from './focus-outside';
33
export { focusable_children, trap } from './focus';
4-
export { root_scroll } from './root-scroll';
54
export { legacy_details } from './legacy-details';

packages/site-kit/src/lib/actions/root-scroll.ts

Lines changed: 0 additions & 15 deletions
This file was deleted.

0 commit comments

Comments
 (0)