Fossil SCM
Replaced use of inline "###" MD markup in the customgraph doc with simple boldfacing to avoid the indents given to all h3 now. Besides, headers inside lists…? Dodgy.
Commit
c2c55014b0b5b6df0b55c70f7d7c6de734c7d734f49617161961b61699db4108
Parent
1ed362da6353d8e…
1 file changed
+14
-14
+14
-14
| --- 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 | - #### Additional Classes | |
| 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,15 +81,15 @@ | ||
| 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 | - #### Additional Classes | |
| 90 | + **Additional Classes** | |
| 91 | 91 | |
| 92 | 92 | * `.leaf`: Specifies that the check-in is a leaf (i.e. that it has no |
| 93 | 93 | children in the same branch). |
| 94 | 94 | |
| 95 | 95 | * `.merge`: Specifies that the check-in contains a merge. |
| @@ -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: |
| @@ -137,11 +137,11 @@ | ||
| 137 | 137 | } |
| 138 | 138 | .tl-line.merge.v { |
| 139 | 139 | border-left-width: 1px; |
| 140 | 140 | } |
| 141 | 141 | |
| 142 | - #### Additional Classes | |
| 142 | + **Additional Classes** | |
| 143 | 143 | |
| 144 | 144 | * `.merge`: A merge line. |
| 145 | 145 | |
| 146 | 146 | * `.h` or `.v`: Horizontal or vertical. |
| 147 | 147 | |
| 148 | 148 |
| --- 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,15 +81,15 @@ | |
| 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 | |
| 92 | * `.leaf`: Specifies that the check-in is a leaf (i.e. that it has no |
| 93 | children in the same branch). |
| 94 | |
| 95 | * `.merge`: Specifies that the check-in contains a merge. |
| @@ -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: |
| @@ -137,11 +137,11 @@ | |
| 137 | } |
| 138 | .tl-line.merge.v { |
| 139 | border-left-width: 1px; |
| 140 | } |
| 141 | |
| 142 | #### Additional Classes |
| 143 | |
| 144 | * `.merge`: A merge line. |
| 145 | |
| 146 | * `.h` or `.v`: Horizontal or vertical. |
| 147 | |
| 148 |
| --- 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,15 +81,15 @@ | |
| 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 | |
| 92 | * `.leaf`: Specifies that the check-in is a leaf (i.e. that it has no |
| 93 | children in the same branch). |
| 94 | |
| 95 | * `.merge`: Specifies that the check-in contains a merge. |
| @@ -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: |
| @@ -137,11 +137,11 @@ | |
| 137 | } |
| 138 | .tl-line.merge.v { |
| 139 | border-left-width: 1px; |
| 140 | } |
| 141 | |
| 142 | **Additional Classes** |
| 143 | |
| 144 | * `.merge`: A merge line. |
| 145 | |
| 146 | * `.h` or `.v`: Horizontal or vertical. |
| 147 | |
| 148 |