Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
Comment: | Reduced indentation for fancy-format in mobile. |
---|---|
Downloads: | Tarball | ZIP archive |
Timelines: | family | ancestors | descendants | both | mobile-friendly |
Files: | files | file ages | folders |
SHA1: |
47dbb59cad19efcd6f41be5e1e1579a7 |
User & Date: | drh 2016-09-01 14:36:20.609 |
Context
2016-09-01
| ||
15:15 | Simplify the JSON documentation for better display on mobile. (check-in: 08908c99e5 user: drh tags: mobile-friendly) | |
14:36 | Reduced indentation for fancy-format in mobile. (check-in: 47dbb59cad user: drh tags: mobile-friendly) | |
09:14 | Change the "docs.in" file so that it shows all categories collapsed, initially. (check-in: b3567c150e user: drh tags: mobile-friendly) | |
Changes
Changes to pages/fancyformat.tcl.
︙ | ︙ | |||
33 34 35 36 37 38 39 | if {$args != ""} { #puts $args set ::hd(fragment) $zName eval hd_keywords $args } append ::TOC [subst { | | | 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | if {$args != ""} { #puts $args set ::hd(fragment) $zName eval hd_keywords $args } append ::TOC [subst { <div class="fancy-toc$iLevel"> <a href="#$zName">${zNumber} $zTitle</a> </a></div> }] return "<h$iLevel id=\"$zName\">$zNumber $zTitle</h$iLevel>\n" } proc h1 {args} {uplevel H 1 $args} |
︙ | ︙ | |||
260 261 262 263 264 265 266 | set D(id) "section_[string map {. _} [string range $HN 0 end-1]]" } else { set D(id) "notoc[incr G(notoccounter)]" } } # Append the entry to the table-of-contents. | | | 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 | set D(id) "section_[string map {. _} [string range $HN 0 end-1]]" } else { set D(id) "notoc[incr G(notoccounter)]" } } # Append the entry to the table-of-contents. append G(toc) "<div class=\"fancy-toc$level\">" append G(toc) "<a href=\"#$D(id)\">$HN " set G(inHeading) 1 } catch { unset D(nonumber) } catch { unset D(notoc) } # If there is a "tags" attribute, then add an [hd_fragment] command |
︙ | ︙ | |||
424 425 426 427 428 429 430 | <div class=fancy> <div class=nosearch> <div style="font-size:2em;text-align:center;color:#044a64"> $::Addtoc(title) </div> <div id=toc style="display:none"> | | | | | 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 | <div class=fancy> <div class=nosearch> <div style="font-size:2em;text-align:center;color:#044a64"> $::Addtoc(title) </div> <div id=toc style="display:none"> <div style="margin:1em;margin-left:0;color:#044a64"> <span style="font-size:1.5em">Table Of Contents</span> <a class="toct" href="#" onclick="hide_toc()"> [hide] </a> </div> $::Addtoc(toc) </div> <div id=antitoc> <a class="toct" href="#" onclick="show_toc()"> [show table of contents] </a> </div> </div> [javascript_toc_toggle] }] set fancy [subst { |
︙ | ︙ |
Changes to rawpages/sqlite.css.
︙ | ︙ | |||
127 128 129 130 131 132 133 | @media screen and (max-width: 600px){ /* Settings for narrow mobile screens */ .desktoponly {display: none;} } /* Add the "wideonly" class to any elements that should be visible ** on wide-screen desktops with */ @media screen and (max-width: 800px){ | | < < < | > > | | | > > > > > > > > > > > > > > > > > > | 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 | @media screen and (max-width: 600px){ /* Settings for narrow mobile screens */ .desktoponly {display: none;} } /* Add the "wideonly" class to any elements that should be visible ** on wide-screen desktops with */ @media screen and (max-width: 800px){ /* Settings for screens that are less than 800px wide */ .wideonly {display: none;} } .content { margin: 5%; } .content dt { font-weight:bold; } .content dd { margin-bottom: 25px; margin-left:20%; } .content ul { padding:0px; padding-left: 15px; margin:0px; } /* Things for "fancyformat" documents start here. */ .fancy img+p {font-style:italic} .fancy .codeblock i { color: darkblue; } .fancy h1,.fancy h2,.fancy h3,.fancy h4 {font-weight:normal;color:#044a64} .fancy th {white-space:xnowrap;text-align:left;border-bottom:solid 1px #444} .fancy th, .fancy td {padding: 0.2em 1ex; vertical-align:top} .toct { color: #044a64 ! important; } .fancy #toc a { color: darkblue ; text-decoration: none } .fancy .todo { color: #AA3333 ; font-style : italic } .fancy .todo:before { content: 'TODO:' } .fancy p.todo { border: solid #AA3333 1px; padding: 1ex } .fancy img { display:block; } .fancy :link:hover, .fancy :visited:hover { background: wheat } @media screen and (min-width: 600px){ /* Indentation amounts for non-mobile screens, 600 pixels or wider */ .fancy p,.fancy ul,.fancy ol,.fancy dl { margin: 1em 5ex } .fancy li p { margin: 1em 0 } .fancy blockquote { margin-left : 10ex } .toct {margin-left:4ex;} .fancy-toc1 {margin-left:6ex;} .fancy-toc2 {margin-left:12ex;} .fancy-toc3 {margin-left:18ex;} .fancy-toc4 {margin-left:24ex;} .fancy-toc5 {margin-left:30ex;} .fancy-toc6 {margin-left:36ex;} } @media screen and (max-width: 600px){ /* Indentation amounts for narrow mobile screens */ .toct {margin-left:0;} .fancy-toc1 {padding-left:4ex;text-indent:-2ex;} .fancy-toc2 {padding-left:8ex;text-indent:-4ex;} .fancy-toc3 {padding-left:12ex;text-indent:-6ex;} .fancy-toc4 {padding-left:16ex;text-indent:-8ex;} .fancy-toc5 {padding-left:20ex;text-indent:-10ex;} .fancy-toc6 {padding-left:24ex;text-indent:-12ex;} } /* End of "fancyformat" specific rules. */ .yyterm { background: #fff; border: 1px solid #000; border-radius: 11px; padding-left: 4px; |
︙ | ︙ |