fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-15 14:18:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve website book sidebar and nav ripple

Browse Source
This commit is contained in:
Keavon Chambers
2023-08-15 02:10:10 -07:00
parent 7558088727
commit 0a7a69b315
9 changed files with 152 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
website/templates/book.html
View File

@@ -38,7 +38,11 @@
<aside class="chapters" data-chapters>
<div class="wrapper-outer">
<div class="wrapper-inner">
<button class="hamburger-menu-button close" data-hamburger-menu-button-close></button>
<button class="close-chapter-selection" data-close-chapter-selection>
<svg viewBox="0 0 24 24">
<polygon points="20.7,4.7 19.3,3.3 12,10.6 4.7,3.3 3.3,4.7 10.6,12 3.3,19.3 4.7,20.7 12,13.4 19.3,20.7 20.7,19.3 13.4,12" />
</svg>
</button>
<ul>
<li class="title{% if current_path == book.path %} active{% endif %}"><a href="{{ book.path }}" title="{{ book.title }}">{{ book.title }}</a></li>
</ul>
@@ -70,7 +74,13 @@
<section class="reading-material">
<div class="section">
<div class="article-title">
<button class="hamburger-menu-button open" data-hamburger-menu-button-open></button>
<button title="Open chapter selection" class="open-chapter-selection" data-open-chapter-selection>
<svg viewBox="0 0 24 24">
<rect x="2" y="4" width="20" height="2"/>
<rect x="2" y="18" width="20" height="2"/>
<rect x="2" y="11" width="20" height="2"/>
</svg>
</button>
<h1>{{ this.title }}</h1>
</div>
<article>