neurocyte/flow-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: left fixed internal toc

Browse source
This commit is contained in:
Igor Támara 2025-11-07 23:48:36 -05:00 • committed by CJ van den Berg
parent b87fb9dfbc
commit 321d6a798b
2 changed files with 61 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

52
assets/css/index.css
View file

@ -498,3 +498,55 @@ div nav {
div.tutnav p { div.tutnav p {
text-align: center; text-align: center;
} }
div.toc a {
text-decoration: none;
}
div.toc > ul > li, div.toc > ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.toc > ul > li::marker {
content: "";
}
div.toc li::marker {
content: "» ";
font-weight: bold;
}
.vertical-text {
margin-top: 35px;
writing-mode: vertical-lr;
text-orientation: upright;
}
.vertical-text a {
text-decoration: none;
}
.toc-container {
display: flex;
gap: 20px;
margin:0px;
padding:0px;
}
.top-container {
margin:0px;
padding:0px;
position: fixed;
top: 10px;
left: 10px;
width: 300px;
}
.top-container h1 {
margin:0px;
padding:0px;
padding-left: 5px;
padding-top: 10px;
}

9
layouts/tutorial.shtml
View file

@ -3,6 +3,15 @@
</head> </head>
<body id="body"> <body id="body">
<h1 :text="$page.title"></h1> <h1 :text="$page.title"></h1>
<div class="top-container" >
<h1>Flow</h1>
<div class="toc-container">
<div class="vertical-text"> <a href="#body" :text="$page.title"></a></div>
<div class="toc" :html="$page.toc()"></div>
</div>
</div>
<div :html="$page.content()"></div> <div :html="$page.content()"></div>
<div> <div>