docs(examples): add undo info (svg-waveform)

thi-ng · Apr 18, 2018 · 0de3d20 · 0de3d20
1 parent c67607b
commit 0de3d20
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/examples/svg-waveform/src/components/sidebar.ts b/examples/svg-waveform/src/components/sidebar.ts
@@ -13,6 +13,10 @@ export function sidebar(ctx: AppContext, ...specs: SliderOpts[]) {
         [buttonGroup,
             [[ev.UNDO], "undo"],
             [[ev.REDO], "redo"]],
+        ["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/svg-waveform", "Source"],
             ["br"],

diff --git a/examples/svg-waveform/src/config.ts b/examples/svg-waveform/src/config.ts
@@ -81,7 +81,7 @@ export const CONFIG: AppConfig = {
     // re-skinning of the whole app
     ui: {
         button: { class: "pointer bg-black hover-bg-blue bg-animate white pa2 mr1 w-100 ttu b tracked-tight" },
-        buttongroup: { class: "flex" },
+        buttongroup: { class: "flex mb2" },
         footer: { class: "absolute bottom-1" },
         link: { class: "pointer link dim black b" },
         root: { class: "vw-100 vh-100 flex" },