Fossil SCM
Put a space after all "###" used as inline headers in www/customgraph.md to make them behave the same if we follow the CommonMark spec and require at least one space or tab after the last #. All other www/*.md files already do this.
Commit
bc08b0972ab558b6f20056b0754bb6dee1febc3221331d7436919118747a5591
Parent
5d9a7442fa44973…
1 file changed
+11
-11
+11
-11
| --- www/customgraph.md | ||
| +++ www/customgraph.md | ||
| @@ -7,23 +7,23 @@ | ||
| 7 | 7 | |
| 8 | 8 | Fossil includes several options for changing the graph's style without having |
| 9 | 9 | to delve into CSS. These can be found in the details.txt file of your skin or |
| 10 | 10 | under Admin/Skins/Details in the web UI. |
| 11 | 11 | |
| 12 | -* ###`timeline-arrowheads` | |
| 12 | +* ### `timeline-arrowheads` | |
| 13 | 13 | |
| 14 | 14 | Set this to `0` to hide arrowheads on primary child lines. |
| 15 | 15 | |
| 16 | -* ###`timeline-circle-nodes` | |
| 16 | +* ### `timeline-circle-nodes` | |
| 17 | 17 | |
| 18 | 18 | Set this to `1` to make check-in nodes circular instead of square. |
| 19 | 19 | |
| 20 | -* ###`timeline-color-graph-lines` | |
| 20 | +* ### `timeline-color-graph-lines` | |
| 21 | 21 | |
| 22 | 22 | Set this to `1` to colorize primary child lines. |
| 23 | 23 | |
| 24 | -* ###`white-foreground` | |
| 24 | +* ### `white-foreground` | |
| 25 | 25 | |
| 26 | 26 | Set this to `1` if your skin uses white (or any light color) text. |
| 27 | 27 | This tells Fossil to generate darker background colors for branches. |
| 28 | 28 | |
| 29 | 29 | |
| @@ -42,37 +42,37 @@ | ||
| 42 | 42 | ## <a id="pos-elems"></a>Positioning Elements |
| 43 | 43 | |
| 44 | 44 | These elements aren't intended to be seen. They're only used to help position |
| 45 | 45 | the graph and its visible elements. |
| 46 | 46 | |
| 47 | -* ###<a id="tl-canvas"></a>`.tl-canvas` | |
| 47 | +* ### <a id="tl-canvas"></a>`.tl-canvas` | |
| 48 | 48 | |
| 49 | 49 | Set the left and right margins on this class to give the desired amount |
| 50 | 50 | of space between the graph and its adjacent columns in the timeline. |
| 51 | 51 | |
| 52 | 52 | #### Additional Classes |
| 53 | 53 | |
| 54 | 54 | * `.sel`: See [`.tl-node`](#tl-node) for more information. |
| 55 | 55 | |
| 56 | -* ###<a id="tl-rail"></a>`.tl-rail` | |
| 56 | +* ### <a id="tl-rail"></a>`.tl-rail` | |
| 57 | 57 | |
| 58 | 58 | Think of rails as invisible vertical lines on which check-in nodes are |
| 59 | 59 | placed. The more simultaneous branches in a graph, the more rails required |
| 60 | 60 | to draw it. Setting the `width` property on this class determines the |
| 61 | 61 | maximum spacing between rails. This spacing is automatically reduced as |
| 62 | 62 | the number of rails increases. If you change the `width` of `.tl-node` |
| 63 | 63 | elements, you'll probably need to change this value, too. |
| 64 | 64 | |
| 65 | -* ###<a id="tl-mergeoffset"></a>`.tl-mergeoffset` | |
| 65 | +* ### <a id="tl-mergeoffset"></a>`.tl-mergeoffset` | |
| 66 | 66 | |
| 67 | 67 | A merge line often runs vertically right beside a primary child line. This |
| 68 | 68 | class's `width` property specifies the maximum spacing between the two. |
| 69 | 69 | Setting this value to `0` will eliminate the vertical merge lines. |
| 70 | 70 | Instead, the merge arrow will extend directly off the primary child line. |
| 71 | 71 | As with rail spacing, this is also adjusted automatically as needed. |
| 72 | 72 | |
| 73 | -* ###<a id="tl-nodemark"></a>`.tl-nodemark` | |
| 73 | +* ### <a id="tl-nodemark"></a>`.tl-nodemark` | |
| 74 | 74 | |
| 75 | 75 | In the timeline table, the second cell in each check-in row contains an |
| 76 | 76 | invisible div with this class. These divs are used to determine the |
| 77 | 77 | vertical position of the nodes. By setting the `margin-top` property, |
| 78 | 78 | you can adjust this position. |
| @@ -81,11 +81,11 @@ | ||
| 81 | 81 | |
| 82 | 82 | These are the elements you can actually see on the timeline graph: the nodes, |
| 83 | 83 | arrows, and lines. Each of these elements may also have additional classes |
| 84 | 84 | attached to them, depending on their context. |
| 85 | 85 | |
| 86 | -* ###<a id="tl-node"></a>`.tl-node` | |
| 86 | +* ### <a id="tl-node"></a>`.tl-node` | |
| 87 | 87 | |
| 88 | 88 | A node exists for each check-in in the timeline. |
| 89 | 89 | |
| 90 | 90 | #### Additional Classes |
| 91 | 91 | |
| @@ -97,11 +97,11 @@ | ||
| 97 | 97 | * `.sel`: When the user clicks a node to designate it as the beginning |
| 98 | 98 | of a diff, this class is added to both the node itself and the |
| 99 | 99 | [`.tl-canvas`](#tl-canvas) element. The class is removed from both |
| 100 | 100 | elements when the node is clicked again. |
| 101 | 101 | |
| 102 | -* ###<a id="tl-arrow"></a>`.tl-arrow` | |
| 102 | +* ### <a id="tl-arrow"></a>`.tl-arrow` | |
| 103 | 103 | |
| 104 | 104 | Arrows point from parent nodes to their children. Technically, this |
| 105 | 105 | class is just for the arrowhead. The rest of the arrow is composed |
| 106 | 106 | of [`.tl-line`](#tl-line) elements. |
| 107 | 107 | |
| @@ -118,11 +118,11 @@ | ||
| 118 | 118 | |
| 119 | 119 | * `.warp`: A timewarped arrow (always points to the right), used when a |
| 120 | 120 | misconfigured clock makes a check-in appear to have occurred before its |
| 121 | 121 | parent ([example](https://www.sqlite.org/src/timeline?c=2010-09-29&nd)). |
| 122 | 122 | |
| 123 | -* ###<a id="tl-line"></a>`.tl-line` | |
| 123 | +* ### <a id="tl-line"></a>`.tl-line` | |
| 124 | 124 | |
| 125 | 125 | Along with arrows, lines connect parent and child nodes. Line thickness is |
| 126 | 126 | determined by the `width` property, regardless of whether the line is |
| 127 | 127 | horizontal or vertical. You can also use borders to create special line |
| 128 | 128 | styles. Here's a CSS snippet for making dotted merge lines: |
| 129 | 129 |
| --- www/customgraph.md | |
| +++ www/customgraph.md | |
| @@ -7,23 +7,23 @@ | |
| 7 | |
| 8 | Fossil includes several options for changing the graph's style without having |
| 9 | to delve into CSS. These can be found in the details.txt file of your skin or |
| 10 | under Admin/Skins/Details in the web UI. |
| 11 | |
| 12 | * ###`timeline-arrowheads` |
| 13 | |
| 14 | Set this to `0` to hide arrowheads on primary child lines. |
| 15 | |
| 16 | * ###`timeline-circle-nodes` |
| 17 | |
| 18 | Set this to `1` to make check-in nodes circular instead of square. |
| 19 | |
| 20 | * ###`timeline-color-graph-lines` |
| 21 | |
| 22 | Set this to `1` to colorize primary child lines. |
| 23 | |
| 24 | * ###`white-foreground` |
| 25 | |
| 26 | Set this to `1` if your skin uses white (or any light color) text. |
| 27 | This tells Fossil to generate darker background colors for branches. |
| 28 | |
| 29 | |
| @@ -42,37 +42,37 @@ | |
| 42 | ## <a id="pos-elems"></a>Positioning Elements |
| 43 | |
| 44 | These elements aren't intended to be seen. They're only used to help position |
| 45 | the graph and its visible elements. |
| 46 | |
| 47 | * ###<a id="tl-canvas"></a>`.tl-canvas` |
| 48 | |
| 49 | Set the left and right margins on this class to give the desired amount |
| 50 | of space between the graph and its adjacent columns in the timeline. |
| 51 | |
| 52 | #### Additional Classes |
| 53 | |
| 54 | * `.sel`: See [`.tl-node`](#tl-node) for more information. |
| 55 | |
| 56 | * ###<a id="tl-rail"></a>`.tl-rail` |
| 57 | |
| 58 | Think of rails as invisible vertical lines on which check-in nodes are |
| 59 | placed. The more simultaneous branches in a graph, the more rails required |
| 60 | to draw it. Setting the `width` property on this class determines the |
| 61 | maximum spacing between rails. This spacing is automatically reduced as |
| 62 | the number of rails increases. If you change the `width` of `.tl-node` |
| 63 | elements, you'll probably need to change this value, too. |
| 64 | |
| 65 | * ###<a id="tl-mergeoffset"></a>`.tl-mergeoffset` |
| 66 | |
| 67 | A merge line often runs vertically right beside a primary child line. This |
| 68 | class's `width` property specifies the maximum spacing between the two. |
| 69 | Setting this value to `0` will eliminate the vertical merge lines. |
| 70 | Instead, the merge arrow will extend directly off the primary child line. |
| 71 | As with rail spacing, this is also adjusted automatically as needed. |
| 72 | |
| 73 | * ###<a id="tl-nodemark"></a>`.tl-nodemark` |
| 74 | |
| 75 | In the timeline table, the second cell in each check-in row contains an |
| 76 | invisible div with this class. These divs are used to determine the |
| 77 | vertical position of the nodes. By setting the `margin-top` property, |
| 78 | you can adjust this position. |
| @@ -81,11 +81,11 @@ | |
| 81 | |
| 82 | These are the elements you can actually see on the timeline graph: the nodes, |
| 83 | arrows, and lines. Each of these elements may also have additional classes |
| 84 | attached to them, depending on their context. |
| 85 | |
| 86 | * ###<a id="tl-node"></a>`.tl-node` |
| 87 | |
| 88 | A node exists for each check-in in the timeline. |
| 89 | |
| 90 | #### Additional Classes |
| 91 | |
| @@ -97,11 +97,11 @@ | |
| 97 | * `.sel`: When the user clicks a node to designate it as the beginning |
| 98 | of a diff, this class is added to both the node itself and the |
| 99 | [`.tl-canvas`](#tl-canvas) element. The class is removed from both |
| 100 | elements when the node is clicked again. |
| 101 | |
| 102 | * ###<a id="tl-arrow"></a>`.tl-arrow` |
| 103 | |
| 104 | Arrows point from parent nodes to their children. Technically, this |
| 105 | class is just for the arrowhead. The rest of the arrow is composed |
| 106 | of [`.tl-line`](#tl-line) elements. |
| 107 | |
| @@ -118,11 +118,11 @@ | |
| 118 | |
| 119 | * `.warp`: A timewarped arrow (always points to the right), used when a |
| 120 | misconfigured clock makes a check-in appear to have occurred before its |
| 121 | parent ([example](https://www.sqlite.org/src/timeline?c=2010-09-29&nd)). |
| 122 | |
| 123 | * ###<a id="tl-line"></a>`.tl-line` |
| 124 | |
| 125 | Along with arrows, lines connect parent and child nodes. Line thickness is |
| 126 | determined by the `width` property, regardless of whether the line is |
| 127 | horizontal or vertical. You can also use borders to create special line |
| 128 | styles. Here's a CSS snippet for making dotted merge lines: |
| 129 |
| --- www/customgraph.md | |
| +++ www/customgraph.md | |
| @@ -7,23 +7,23 @@ | |
| 7 | |
| 8 | Fossil includes several options for changing the graph's style without having |
| 9 | to delve into CSS. These can be found in the details.txt file of your skin or |
| 10 | under Admin/Skins/Details in the web UI. |
| 11 | |
| 12 | * ### `timeline-arrowheads` |
| 13 | |
| 14 | Set this to `0` to hide arrowheads on primary child lines. |
| 15 | |
| 16 | * ### `timeline-circle-nodes` |
| 17 | |
| 18 | Set this to `1` to make check-in nodes circular instead of square. |
| 19 | |
| 20 | * ### `timeline-color-graph-lines` |
| 21 | |
| 22 | Set this to `1` to colorize primary child lines. |
| 23 | |
| 24 | * ### `white-foreground` |
| 25 | |
| 26 | Set this to `1` if your skin uses white (or any light color) text. |
| 27 | This tells Fossil to generate darker background colors for branches. |
| 28 | |
| 29 | |
| @@ -42,37 +42,37 @@ | |
| 42 | ## <a id="pos-elems"></a>Positioning Elements |
| 43 | |
| 44 | These elements aren't intended to be seen. They're only used to help position |
| 45 | the graph and its visible elements. |
| 46 | |
| 47 | * ### <a id="tl-canvas"></a>`.tl-canvas` |
| 48 | |
| 49 | Set the left and right margins on this class to give the desired amount |
| 50 | of space between the graph and its adjacent columns in the timeline. |
| 51 | |
| 52 | #### Additional Classes |
| 53 | |
| 54 | * `.sel`: See [`.tl-node`](#tl-node) for more information. |
| 55 | |
| 56 | * ### <a id="tl-rail"></a>`.tl-rail` |
| 57 | |
| 58 | Think of rails as invisible vertical lines on which check-in nodes are |
| 59 | placed. The more simultaneous branches in a graph, the more rails required |
| 60 | to draw it. Setting the `width` property on this class determines the |
| 61 | maximum spacing between rails. This spacing is automatically reduced as |
| 62 | the number of rails increases. If you change the `width` of `.tl-node` |
| 63 | elements, you'll probably need to change this value, too. |
| 64 | |
| 65 | * ### <a id="tl-mergeoffset"></a>`.tl-mergeoffset` |
| 66 | |
| 67 | A merge line often runs vertically right beside a primary child line. This |
| 68 | class's `width` property specifies the maximum spacing between the two. |
| 69 | Setting this value to `0` will eliminate the vertical merge lines. |
| 70 | Instead, the merge arrow will extend directly off the primary child line. |
| 71 | As with rail spacing, this is also adjusted automatically as needed. |
| 72 | |
| 73 | * ### <a id="tl-nodemark"></a>`.tl-nodemark` |
| 74 | |
| 75 | In the timeline table, the second cell in each check-in row contains an |
| 76 | invisible div with this class. These divs are used to determine the |
| 77 | vertical position of the nodes. By setting the `margin-top` property, |
| 78 | you can adjust this position. |
| @@ -81,11 +81,11 @@ | |
| 81 | |
| 82 | These are the elements you can actually see on the timeline graph: the nodes, |
| 83 | arrows, and lines. Each of these elements may also have additional classes |
| 84 | attached to them, depending on their context. |
| 85 | |
| 86 | * ### <a id="tl-node"></a>`.tl-node` |
| 87 | |
| 88 | A node exists for each check-in in the timeline. |
| 89 | |
| 90 | #### Additional Classes |
| 91 | |
| @@ -97,11 +97,11 @@ | |
| 97 | * `.sel`: When the user clicks a node to designate it as the beginning |
| 98 | of a diff, this class is added to both the node itself and the |
| 99 | [`.tl-canvas`](#tl-canvas) element. The class is removed from both |
| 100 | elements when the node is clicked again. |
| 101 | |
| 102 | * ### <a id="tl-arrow"></a>`.tl-arrow` |
| 103 | |
| 104 | Arrows point from parent nodes to their children. Technically, this |
| 105 | class is just for the arrowhead. The rest of the arrow is composed |
| 106 | of [`.tl-line`](#tl-line) elements. |
| 107 | |
| @@ -118,11 +118,11 @@ | |
| 118 | |
| 119 | * `.warp`: A timewarped arrow (always points to the right), used when a |
| 120 | misconfigured clock makes a check-in appear to have occurred before its |
| 121 | parent ([example](https://www.sqlite.org/src/timeline?c=2010-09-29&nd)). |
| 122 | |
| 123 | * ### <a id="tl-line"></a>`.tl-line` |
| 124 | |
| 125 | Along with arrows, lines connect parent and child nodes. Line thickness is |
| 126 | determined by the `width` property, regardless of whether the line is |
| 127 | horizontal or vertical. You can also use borders to create special line |
| 128 | styles. Here's a CSS snippet for making dotted merge lines: |
| 129 |