pull/2179/head
Richard Harris 7 years ago
parent d0e7bb80de
commit 9e5e8d7d3f

@ -50,7 +50,7 @@
const tutorial_repo_link = 'https://github.com/sveltejs/svelte/tree/restructure-docs/site/content/tutorial'; const tutorial_repo_link = 'https://github.com/sveltejs/svelte/tree/restructure-docs/site/content/tutorial';
$: selected = lookup.get(slug); $: selected = lookup.get(slug);
$: improve_link = `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}/text.md`; $: improve_link = `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`;
// TODO once reactive values are fixed // TODO once reactive values are fixed
// $: app = { // $: app = {
@ -187,20 +187,18 @@
} }
.improve-chapter { .improve-chapter {
text-align: center;
padding: 1em 0 .5em 0; padding: 1em 0 .5em 0;
} }
.improve-chapter > a { .improve-chapter a {
font-size: 0.6em; font-size: 14px;
text-decoration: none; text-decoration: none;
border-radius: 0.7em; opacity: 0.3;
background: rgba(255,255,255,0.1); padding: 0 0.1em;
padding: 0.2em 0.7em;
} }
.improve-chapter > a:hover { .improve-chapter a:hover {
background: rgba(255,255,255,0.2); opacity: 1;
} }
</style> </style>
@ -228,7 +226,7 @@
</div> </div>
<div class="improve-chapter"> <div class="improve-chapter">
<a href={improve_link}>Improve this Tutorial</a> <a href={improve_link}><Icon name="edit" size={14}/> Edit this chapter</a>
</div> </div>
</div> </div>
</div> </div>
@ -236,5 +234,4 @@
<div class="tutorial-repl"> <div class="tutorial-repl">
<Repl {app} orientation="rows" show_props={false}/> <Repl {app} orientation="rows" show_props={false}/>
</div> </div>
</div> </div>

Loading…
Cancel
Save