diff options
author | Hugo Hörnquist <hugo@hornquist.se> | 2018-10-16 19:49:53 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@hornquist.se> | 2018-10-16 19:49:53 +0200 |
commit | f381b061bd4b57b2ba8df7159cc4dc342ae7120a (patch) | |
tree | 079a1cc6de689e56f53bc053a8a201fc6d25ba94 | |
parent | Tue, 16 Oct 2018 19:25:25 +0200 (diff) | |
download | wiki-public-f381b061bd4b57b2ba8df7159cc4dc342ae7120a.tar.gz wiki-public-f381b061bd4b57b2ba8df7159cc4dc342ae7120a.tar.xz |
Tue, 16 Oct 2018 19:49:53 +0200
-rw-r--r-- | .tags | 1 | ||||
-rw-r--r-- | Vimwiki.wiki | 24 | ||||
-rw-r--r-- | templates/default.tpl | 20 |
3 files changed, 16 insertions, 29 deletions
@@ -2,7 +2,6 @@ TODO Mimetypes.wiki 2;" vimwiki:Mimetypes\tMimetypes#Mimetypes TODO Vim Advent Calendar.wiki 3;" vimwiki:Vim Advent Calendar\tVim Advent Calendar#TODO TODO Vimwiki.wiki 58;" vimwiki:Vimwiki\tVimwiki#Vimwiki#Todo -TODO Vimwiki.wiki 86;" vimwiki:Vimwiki\tVimwiki#Vimwiki#HTML#HTML sidebar TODO Västgöta.wiki 2;" vimwiki:Västgöta\tVästgöta#Caps VM question KMM.wiki 7;" vimwiki:KMM\tKMM#CPU#Hur programmerar man question KMM.wiki 24;" vimwiki:KMM\tKMM#IR-sensor#Övrigt#Varför en kapasitans? diff --git a/Vimwiki.wiki b/Vimwiki.wiki index cd5db7b..df677cd 100644 --- a/Vimwiki.wiki +++ b/Vimwiki.wiki @@ -83,30 +83,6 @@ det här repot. == HTML == === HTML sidebar === -:TODO: - -CSS liknande den nedan flyttar inehållsförtäckningen till sidan. Några -problem finns dock: - -- `#toc` har inte det id:t. `document.getElementsByTagName("ul")[0]` - returerar det dock om det finns. -- Det är fult att TOC ligger innuti content -- `<h1>Contents</h1>` ligger kvar på sidan. - -{{{ -#toc { - height: 100vh; - position: fixed; - top: 0; - right: 1em; - width: 20%; -} - -.content { - width: 80; -} -}}} - Utöver det bör sidebaren även gå att gömma (med JS). Samt inte visas på mobil. diff --git a/templates/default.tpl b/templates/default.tpl index 7c59496..64f22b4 100644 --- a/templates/default.tpl +++ b/templates/default.tpl @@ -5,10 +5,22 @@ <title>%title%</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> - footer { - font-size: 80%; - color: gray; - } +footer { + font-size: 80%; +color: gray; +} + +#toc + ul { + height: 100vh; + position: fixed; + top: 0; + right: 1em; + width: 20%; +} + +.content { + width: 80; +} </style> </head> <body> |