---
title: "Éclair 1.11: undo, redo and micro-animations"
description: "Éclair 1.11: undo and redo everywhere in the editor, deletions you can take back, real confirmation dialogs and micro-animations. How to use them."
url: "https://eclaircms.org/blog/eclair-1-11-undo-redo-micro-animations"
lang: "en"
author: "Thierry Gustin"
published: "2026-11-04"
updated: "2026-11-10"
---

# Éclair 1.11: undo, redo and micro-animations

> **Key takeaways** — Released on November 4, 2026, Éclair 1.11 makes the editor safer. Ctrl+Z and Ctrl+Shift+Z undo and redo every change, up to 60 steps, in Blocks mode as in Visual mode. A deleted block comes back from its notification. Confirmations use the admin's own dialog, with the focus on "Cancel". The Visual mode toolbar is redrawn, and optional micro-animations show what changes.

With Éclair 1.11, released on November 4, 2026, you can undo and redo every change in the editor, up to 60 steps, and bring back a deleted block in one click. Confirmations can no longer delete anything by mistake, the Visual mode toolbar is easier to read, and micro-animations, which you can turn off, show what just changed.

## What changes in Éclair 1.11?

| New | What it gives you |
| --- | --- |
| Undo / redo | Ctrl+Z and Ctrl+Shift+Z (or Ctrl+Y), plus two ↶ ↷ buttons, up to 60 steps |
| Deletions you can undo | A "Block deleted." notification with a **Cancel** button |
| Real confirmations | Red button for risky actions, focus on "Cancel", Esc to close |
| Visual mode toolbar | Drawn icons, grouped tools, 32 px buttons |
| Micro-animations | In the admin and, if you want, on your public site |
| Colors | A clear orange instead of a brown for "needs attention" |
| Under the hood | 627 KB archive (1.22 MB unzipped), 982 automated checks, 18 of them new |

Your content does not move, and your public site stays identical to the byte as long as the micro-animations stay off.

## How do you undo and redo in the editor?

Every change can be taken back, in Blocks mode as in Visual mode: a block added, moved, duplicated or deleted, an item removed from a FAQ, a features list, a team or variants, a setting, an AI rewrite, a restored version.

1. Make your change as usual.
2. To go back, press **Ctrl+Z** (**Cmd+Z** on a Mac), or click the ↶ button in the editor bar.
3. To redo what you just undid, press **Ctrl+Shift+Z** (**Cmd+Shift+Z** on a Mac) or **Ctrl+Y**, or click ↷.

Two details worth knowing. When you type in a field, all your typing counts as one step until a 3-second pause. And inside the field you are typing in, Ctrl+Z stays the browser's own: it undoes letter by letter. The editor keeps up to 60 steps.

## How do you bring back a deleted block?

When you delete a block or an item (FAQ question, feature, team member, variant, menu item), a notification appears: "Block deleted." or "Item deleted.", with a **Cancel** button. One click, and it goes back where it was.

The notification stays on screen as long as your pointer or keyboard is on it. If it has gone, Ctrl+Z does the same job.

Visual mode also gets a shortcut: press **Esc**, then **Delete** or **Backspace**, and the selected block is removed. Ctrl+Z brings it back.

## What do the new confirmation dialogs change?

The browser's confirmation boxes give way to the Éclair admin's own dialog:

- **A red button** marks risky actions, such as a deletion.
- **The focus is on "Cancel"**, so pressing Enter never deletes anything by mistake.
- **Esc closes the dialog** without doing anything.

Deleting a page or post now asks only once. In the same dialog, you can redirect its old address to a related page, which spares visitors and Google a 404 error. Leave the field empty if no page fits.

Adding a custom menu link also takes a single dialog, with its text and address. Finally, restoring an earlier version no longer asks for confirmation: Ctrl+Z or the notification's **Cancel** button takes you back.

## What does the new Visual mode toolbar look like?

The characters ↑ ↓ ⧉ ✕ +↑ +↓, which some fonts showed as small squares, give way to drawn icons. Tools are grouped: move, then add above and below, then duplicate. The delete cross sits apart at the end of the bar and turns red on hover. Buttons grow to 32 px, easier to hit.

In Blocks mode, the delete button also becomes a cross, set apart from the other tools, red on hover, labelled "Delete block". After a deletion, the keyboard focus moves to the previous block, so you can carry on without reaching for the mouse.

## What are micro-animations for?

In the admin, dialogs, menus and notifications appear and leave smoothly. A block that is added, moved, duplicated or restored flashes briefly in yellow, so you see at once what changed.

On your public site, they are optional. Cards, features, FAQ answers and images slide into place as visitors scroll, and a few effects appear on hover. It is all CSS (under 1 KB, no script): no layout shift, no faded text, so contrast holds at every instant, and nothing moves on page load. Measured with Lighthouse 12 on the demo site: 100 in all four categories, on mobile and desktop, with the animations on or off.

### How do you turn them on or off?

1. **On your public site**: open **Settings › Appearance**, switch **Micro-animations** on or off, and save. They are on for sites installed with 1.11; an existing site keeps its exact pages until you turn them on.
2. **In your admin**: open **My profile**, then the **Interface** section, and untick **Micro-animations**. This setting applies to this browser only.

Your system's "reduce motion" setting (the [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) preference, explained by MDN) always turns them off, in the admin as for visitors who chose it.

## What other touch-ups does 1.11 bring?

- **A clear orange**: average SEO/GEO scores, warnings and meters move from a brown to a readable orange (text at 4.7:1 on its background, fills at 3:1).
- **Filters on one line**: All, Pages, Posts, Products, Drafts, Scheduled stay on one line and scroll sideways when space runs out, on phones included.
- **A less brown art direction**: the "Imagine my direction with AI" button no longer defaults to brown, beige or sand palettes. They are kept for businesses literally made of them (wood, leather, coffee, clay, bread), in one direction at most.
- **Dark mode**: the "Recommended" tag in the installer and settings, a dark brown pill, now uses the lightning yellow.

## How do you move to Éclair 1.11?

From 1.10.0 or later, updating takes one click:

1. Open **Admin › Updates**.
2. Click **Download a backup**, on the same page.
3. Tick the backup box, then click **Update**.

The update is signed (Ed25519) and verified before anything is touched, with automatic rollback if something goes wrong. It takes you to the latest version, 2.0.0, which includes everything in this post.

From 1.9 or earlier, use FTP one last time: the archive is waiting on the [Download](https://eclaircms.org/en/download) page, and [the post on Éclair 1.10](https://eclaircms.org/blog/eclair-1-10-one-click-updates-google-drive) walks you through it. The [editor guide](https://eclaircms.org/en/documentation/editor) covers Blocks and Visual modes, and the [changelog](https://eclaircms.org/en/changelog) lists every change.

## Frequently asked questions about Éclair 1.11

### How many steps can I undo in Éclair 1.11?

Up to 60. When you type in a field, your typing counts as one step until a 3-second pause. Inside the field you are typing in, Ctrl+Z undoes letter by letter, as in your browser.

### Can I bring back a deleted page or post?

Not with Ctrl+Z: undo covers the editor, meaning blocks and their items. That is why deleting a page or post goes through a confirmation dialog, with the focus on "Cancel" and the option to redirect its old address. Keep a recent backup.

### Do micro-animations slow my site down?

The demo site keeps 100 in all four Lighthouse 12 categories, on mobile and desktop, with the animations on or off. They fit in under 1 KB of CSS, with no script, and nothing moves on page load.

### Will my site change after the update?

No, as long as you do not turn on micro-animations in Settings › Appearance: your public site stays identical to the byte. Your content does not move either.

### How much do the new features in Éclair 1.11 cost?

Nothing: Éclair stays free, under the AGPL-3.0 open-source license, and these features do not use AI.

[Download Éclair 2.3.0](https://eclaircms.org/en/download)

— Thierry Gustin, Créateur d’Éclair CMS, consultant SEO et formateur IA · November 10, 2026