content, css, data: FlashSide.splitAbove

3 files changed, 20 insertions, 3 deletions

diff --git a/src/content/dependencies/generateFlashIndexPage.js b/src/content/dependencies/generateFlashIndexPage.js
index cff24c8b..94f7eaae 100644
--- a/src/content/dependencies/generateFlashIndexPage.js
+++ b/src/content/dependencies/generateFlashIndexPage.js
@@ -54,6 +54,10 @@ export default {
       query.jumpActs
         .map(act => act.side.name),
 
+    jumpLinksSplitAbove:
+      query.jumpActs
+        .map(act => act.side.splitAbove),
+
     actAnchors:
       query.flashActs
         .map(act => act.directory),
@@ -81,14 +85,19 @@ export default {
               {[html.onlyIfContent]: true},
               stitchArrays({
                 colorStyle: relations.jumpLinkColorStyles,
+                splitAbove: data.jumpLinksSplitAbove,
                 anchor: data.jumpLinkAnchors,
                 label: data.jumpLinkLabels,
-              }).map(({colorStyle, anchor, label}) =>
+              }).map(({colorStyle, splitAbove, anchor, label}) => [
+                  splitAbove &&
+                    html.tag('br'),
+
                   html.tag('li',
                     html.tag('a',
                       {href: '#' + anchor},
                       colorStyle,
-                      label)))),
+                      label)),
+                ])),
           ]),
 
           stitchArrays({
diff --git a/src/data/things/flash/FlashSide.js b/src/data/things/flash/FlashSide.js
index 5e2ea3de..391e2ae1 100644
--- a/src/data/things/flash/FlashSide.js
+++ b/src/data/things/flash/FlashSide.js
@@ -2,7 +2,7 @@ import {V} from '#composite';
 import Thing from '#thing';
 
 import {exposeConstant} from '#composite/control-flow';
-import {color, contentString, directory, name, soupyFind, thingList}
+import {color, contentString, directory, flag, name, soupyFind, thingList}
   from '#composite/wiki-properties';
 
 export class FlashSide extends Thing {
@@ -18,6 +18,8 @@ export class FlashSide extends Thing {
     color: color(),
     listTerminology: contentString(),
 
+    splitAbove: flag(V(false)),
+
     acts: thingList(V(FlashAct)),
 
     // Update only
@@ -35,6 +37,8 @@ export class FlashSide extends Thing {
       'Directory': {property: 'directory'},
       'Color': {property: 'color'},
       'List Terminology': {property: 'listTerminology'},
+
+      'Split Above': {property: 'splitAbove'},
     },
   };
 
diff --git a/src/static/css/features.css b/src/static/css/features.css
index 33a7b9c9..a1e43e76 100644
--- a/src/static/css/features.css
+++ b/src/static/css/features.css
@@ -2035,6 +2035,10 @@
     content: " \00b7 ";
     font-weight: 800;
   }
+
+  ul.quick-info li:has(+ br)::after {
+    content: unset !important;
+  }
 }
 
 /* Sticky heading */