minor(examples): update rstream-grid sidebar

thi-ng · Apr 28, 2018 · 1c469af · 1c469af
1 parent 115dff2
commit 1c469af
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/examples/rstream-grid/src/components/sidebar.ts b/examples/rstream-grid/src/components/sidebar.ts
@@ -8,7 +8,7 @@ import { slider, SliderOpts } from "./slider";
 export const sidebar = (ctx: AppContext, ...specs: SliderOpts[]) => {
     const sliders = specs.map((s) => slider(ctx, s));
     return ["div", ctx.ui.sidebar.root,
-        ["h2", ctx.ui.sidebar.title, "SVG Grid"],
+        ["h3", ctx.ui.sidebar.title, "@thi.ng/rstream grid"],
         ...sliders,
         [buttonGroup,
             [[ev.UNDO], "undo"],
@@ -17,8 +17,12 @@ export const sidebar = (ctx: AppContext, ...specs: SliderOpts[]) => {
             [[ev.SAVE_SVG], "download svg"]],
         [buttonGroup,
             [[ev.SAVE_ANIM], "download anim"]],
+        ["div",
+            "Undo / Redo can also be triggered via ",
+            ["code", "Ctrl+Z"], " / ", ["code", "Ctrl+Y"],
+            ". The last 1000 edits are stored."],
         ["div", ctx.ui.footer,
-            [link, "https://github.com/thi-ng/umbrella/tree/master/examples/rs-undo", "Source"],
+            [link, "https://github.com/thi-ng/umbrella/tree/master/examples/rstream-grid", "Source"],
             ["br"],
             "Made with ",
             [link, "https://github.com/thi-ng/umbrella/", "@thi.ng/umbrella"]]

diff --git a/examples/rstream-grid/src/config.ts b/examples/rstream-grid/src/config.ts
@@ -109,7 +109,7 @@ export const CONFIG: AppConfig = {
         link: { class: "pointer link dim white b" },
         root: { class: "vw-100 vh-100 flex" },
         sidebar: {
-            root: { class: "bg-near-black pa2 pt3 w5 f7" },
+            root: { class: `bg-near-black pa2 pt3 w5 f7 ${FG_COL}` },
             title: { class: `mt0 ${FG_COL}` },
         },
         slider: {