Fossil

Check-in [bf8946a1]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Backout [4d384ed875] and [5677271a1c] to simplify the hamburger menu customization template.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | js-hamburger-menu
Files: files | file ages | folders
SHA1: bf8946a138564dbe949cac46e1b3331d66154cbf
User & Date: florian 2018-10-14 06:46:01.000
Context
2019-01-02
07:03
Less rigid string-to-number conversion for the custom "data-anim-ms" attribute. ... (check-in: e4a18b67 user: florian tags: js-hamburger-menu)
2018-10-14
06:46
Backout [4d384ed875] and [5677271a1c] to simplify the hamburger menu customization template. ... (check-in: bf8946a1 user: florian tags: js-hamburger-menu)
06:44
Remove leftover IE8 compatibility code, as the hamburger menu never worked with this browser. (The hamburger button would be replaced with a non-scripted link to the sitemap, if JS processing got this far.) ... (check-in: b0043203 user: florian tags: js-hamburger-menu)
2018-10-12
16:18
For consistency, HTMLize another TH1 variable, though not sure if this is required, see https://fossil-scm.org/forum/forumpost/bc0b6ce4a1. ... (check-in: 5677271a user: florian tags: js-hamburger-menu)
2018-10-11
16:36
Fix the hamburger menu template from the documentation to ensure TH1 variables are properly HTMLized. ... (check-in: 4d384ed8 user: florian tags: js-hamburger-menu)
Changes
Unified Diff Ignore Whitespace Patch
Changes to www/customskin.md.
︙︙
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199

id='hbdrop'></div>` element with a menu structure knitted according to the
following template:

        <div id="hbdrop" data-anim-ms="400">
         <ul class="columns" style="column-width: 20em; column-count: auto">
          <!-- NEW GROUP WITH HEADING LINK -->
          <li>
           <th1>
            html "<a href='$home$index_page'>Link: Home</a>"
           </th1>
           <ul>
            <th1>
             html "<li><a href='$home/timeline'>Link: Timeline</a></li>"
             html "<li><a href='$home/dir?ci=tip'>Link: File List</a></li>"
            </th1>
           </ul>
          </li>
          <!-- NEW GROUP WITH HEADING TEXT -->
          <li>
           Heading Text
           <ul>
            <th1>
             html "<li><a href='$home/doc/trunk/www/customskin.md'>Link: Theming</a></li>"
             html "<li><a href='$home/doc/trunk/www/th1.md'>Link: TH1 Scripts</a></li>"
            </th1>
           </ul>
          </li>
          <!-- NEXT GROUP GOES HERE -->
         </ul>
        </div>

The custom `data-anim-ms` attribute can be added to the panel element to direct








<
|
<

<
|
|
<






<
|
|
<








168
169
170
171
172
173
174

175

176

177
178

179
180
181
182
183
184

185
186

187
188
189
190
191
192
193

id='hbdrop'></div>` element with a menu structure knitted according to the
following template:

        <div id="hbdrop" data-anim-ms="400">
         <ul class="columns" style="column-width: 20em; column-count: auto">
          <!-- NEW GROUP WITH HEADING LINK -->
          <li>

           <a href="$home$index_page">Link: Home</a>

           <ul>

            <li><a href="$home/timeline">Link: Timeline</a></li>
            <li><a href="$home/dir?ci=tip">Link: File List</a></li>

           </ul>
          </li>
          <!-- NEW GROUP WITH HEADING TEXT -->
          <li>
           Heading Text
           <ul>

            <li><a href="$home/doc/trunk/www/customskin.md">Link: Theming</a></li>
            <li><a href="$home/doc/trunk/www/th1.md">Link: TH1 Scripts</a></li>

           </ul>
          </li>
          <!-- NEXT GROUP GOES HERE -->
         </ul>
        </div>

The custom `data-anim-ms` attribute can be added to the panel element to direct
︙︙