Skip to content

Commit a5d99c0

Browse files
gibson042gibson042
authoredSep 12, 2021
Use a geometric shape for the menu symbol (rather than the Taoist Bagua trigram for Heaven) (#265)
·
v21.2.0v9.2.0
1 parent 9900169 commit a5d99c0

File tree

8 files changed

+37
-8
lines changed

8 files changed

+37
-8
lines changed
 

‎docs/index.html

+4-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Menu.ts

+9-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,15 @@ export default function makeMenu(spec: Spec) {
4444

4545
const menuToggle = spec.doc.createElement('div');
4646
menuToggle.setAttribute('id', 'menu-toggle');
47-
menuToggle.textContent = '☰';
47+
menuToggle.innerHTML =
48+
// a square "hamburger" menu symbol consisting of three horizontal lines,
49+
// similar in appearance to U+2630 TRIGRAM FOR HEAVEN ☰
50+
`<svg xmlns="http://www.w3.org/2000/svg"
51+
style="width:100%; height:100%; stroke:currentColor"
52+
viewBox="0 0 120 120">
53+
<title>Menu</title>
54+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60" />
55+
</svg>`;
4856

4957
const json = JSON.stringify(
5058
{ refsByClause: spec.refsByClause, entries: spec.biblio.toJSON() },

‎test/baselines/generated-reference/multipage.html/index.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,10 @@
33
<link rel="icon" href="img/favicon.ico">
44
</head>
55

6-
<body><div id="menu-toggle">☰</div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">◢</span><a href="#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div><div id="spec-container">
6+
<body><div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
7+
<title>Menu</title>
8+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
9+
</svg></div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">◢</span><a href="#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div><div id="spec-container">
710

811
<emu-intro id="sec-intro">
912
<h1>Intro</h1>

‎test/baselines/generated-reference/multipage.html/multipage/index.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@
44
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/base16/solarized-light.min.css"><link rel="stylesheet" href="../ecmarkup.css"><script src="../ecmarkup.js?cache=nov2YnIu" defer=""></script><script src="multipage.js?cache=fWLoMF3T" defer=""></script><link rel="canonical" href="../#sec-intro"></head>
55
<body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">◢</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
66
<div id="menu-spacer"></div>
7-
<div id="menu-toggle">☰</div><div id='spec-container'><emu-intro id="sec-intro">
7+
<div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
8+
<title>Menu</title>
9+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
10+
</svg></div><div id='spec-container'><emu-intro id="sec-intro">
811
<h1>Intro</h1>
912
<p>Some text.</p>
1013
</emu-intro></div></body>

‎test/baselines/generated-reference/multipage.html/multipage/second.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@
44
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/base16/solarized-light.min.css"><link rel="stylesheet" href="../ecmarkup.css"><script src="../ecmarkup.js?cache=nov2YnIu" defer=""></script><script src="multipage.js?cache=fWLoMF3T" defer=""></script><link rel="canonical" href="../#sec-second"></head>
55
<body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">◢</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
66
<div id="menu-spacer"></div>
7-
<div id="menu-toggle">☰</div><div id='spec-container'><emu-clause id="sec-second">
7+
<div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
8+
<title>Menu</title>
9+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
10+
</svg></div><div id='spec-container'><emu-clause id="sec-second">
811
<h1><span class="secnum">1</span> Second Clause</h1>
912
<p>A cross-section reference: <emu-xref aoid="Alg" id="_ref_0"><a href="third.html#sec-alg">Alg</a></emu-xref>.</p>
1013
<p>A relative image: <img src="../example.png">.</p>

‎test/baselines/generated-reference/multipage.html/multipage/third.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@
44
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/base16/solarized-light.min.css"><link rel="stylesheet" href="../ecmarkup.css"><script src="../ecmarkup.js?cache=nov2YnIu" defer=""></script><script src="multipage.js?cache=fWLoMF3T" defer=""></script><link rel="canonical" href="../#sec-third"></head>
55
<body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">◢</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
66
<div id="menu-spacer"></div>
7-
<div id="menu-toggle">☰</div><div id='spec-container'><emu-clause id="sec-third">
7+
<div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
8+
<title>Menu</title>
9+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
10+
</svg></div><div id='spec-container'><emu-clause id="sec-third">
811
<h1><span class="secnum">2</span> Third Clause</h1>
912
<p>Some text.</p>
1013
<emu-clause id="sec-alg" aoid="Alg">

‎test/baselines/generated-reference/test.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22
<head><meta charset="utf-8">
33
<link rel="stylesheet" href="css/elements.css">
44
<script src="ecmarkup.js"></script>
5-
<title>Ecmarkup Test Document</title></head><body><div id="menu-toggle">☰</div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle">◢</span><a href="#i1" title="Intro">Intro</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#i2" title="Sub Intro">Sub Intro</a></li></ol></li><li><span class="item-toggle">◢</span><a href="#c1" title="Clause Foo(a, b)"><span class="secnum">1</span> Clause Foo(<var>a</var>, <var>b</var>)</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#Foo" title="Sub Clause"><span class="secnum">1.1</span> Sub Clause</a></li><li><span class="item-toggle-none"></span><a href="#Bar" title="Sub Clause"><span class="secnum">1.2</span> Sub Clause</a></li><li><span class="item-toggle">◢</span><a href="#Baz" title="Header"><span class="secnum">1.3</span> Header</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#import3" title="Import 3"><span class="secnum">1.3.1</span> Import 3</a></li></ol></li></ol></li><li><span class="item-toggle-none"></span><a href="#a1" title="Annex"><span class="secnum">A</span> Annex</a></li></ol></div></div><div id="spec-container"><h1 class="version">Draft 1 / September 26, 2015</h1><h1 class="title">Ecmarkup Test Document</h1>
5+
<title>Ecmarkup Test Document</title></head><body><div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
6+
<title>Menu</title>
7+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
8+
</svg></div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle">◢</span><a href="#i1" title="Intro">Intro</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#i2" title="Sub Intro">Sub Intro</a></li></ol></li><li><span class="item-toggle">◢</span><a href="#c1" title="Clause Foo(a, b)"><span class="secnum">1</span> Clause Foo(<var>a</var>, <var>b</var>)</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#Foo" title="Sub Clause"><span class="secnum">1.1</span> Sub Clause</a></li><li><span class="item-toggle-none"></span><a href="#Bar" title="Sub Clause"><span class="secnum">1.2</span> Sub Clause</a></li><li><span class="item-toggle">◢</span><a href="#Baz" title="Header"><span class="secnum">1.3</span> Header</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="#import3" title="Import 3"><span class="secnum">1.3.1</span> Import 3</a></li></ol></li></ol></li><li><span class="item-toggle-none"></span><a href="#a1" title="Annex"><span class="secnum">A</span> Annex</a></li></ol></div></div><div id="spec-container"><h1 class="version">Draft 1 / September 26, 2015</h1><h1 class="title">Ecmarkup Test Document</h1>
69
<emu-intro id="i1">
710
<h1>Intro</h1>
811
<emu-intro id="i2">

‎test/baselines/generated-reference/toc.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
<!doctype html>
2-
<head><meta charset="utf-8"></head><body><div id="menu-toggle">☰</div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="#test" title="Example Link Header"><span class="secnum">1</span> Example Link Header</a></li></ol></div></div><div id="spec-container">
2+
<head><meta charset="utf-8"></head><body><div id="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%; stroke:currentColor" viewBox="0 0 120 120">
3+
<title>Menu</title>
4+
<path stroke-width="10" stroke-linecap="round" d="M30,60 h60 M30,30 m0,5 h60 M30,90 m0,-5 h60"></path>
5+
</svg></div><div id="menu-spacer"></div><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins</div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="#test" title="Example Link Header"><span class="secnum">1</span> Example Link Header</a></li></ol></div></div><div id="spec-container">
36

47
<emu-clause id="test">
58
<h1><span class="secnum">1</span> Example <a href="#foo">Link</a> Header</h1>

0 commit comments

Comments
 (0)
Please sign in to comment.