Edit your site on mobile without breaking desktop
Click-to-edit now understands screen sizes: a change made while previewing a phone applies only on phones. Plus spacing and width controls, formatting for the words you've selected, and a proper panel instead of a toolbar chasing your cursor.
Clicking straight onto your page to change it is the fastest way to fix a headline or a colour. It also had a real problem: it had no idea what a screen size was.
Every edit used to apply everywhere
Set a heading to 64px because it looked right on your laptop, and that 64px was also applied on a 375px phone — where it broke the layout you couldn't see. The only way to find out was to check the site on your phone afterwards.
Edits now land on a layer, and the layer is simply whichever preview you're looking at:
- Editing in desktop preview changes the site everywhere, as before.
- Editing in mobile preview changes it only on phones, and the panel tells you so with a Mobile only badge while you do it.
- Get it wrong and you can drop the mobile version of an element so it goes back to inheriting your desktop styling.
There's no new control to learn and nothing to switch on. Preview the phone, edit the phone.
Spacing, width and layout
The editor could only ever change how text looked. It can now change how things sit:
- Padding and margin, per side.
- Gap between items in a row or a column.
- Width and max width.
Which covers the two requests we got most often — "this section is too cramped" and "this block is too wide" — without asking the assistant and spending credits on it.
Formatting part of a sentence
Select a few words rather than a whole heading and a small chip appears over them: bold, italic, underline, strikethrough, uppercase. Previously any change applied to the entire element, so emphasising one word in a paragraph wasn't possible.
A panel, not a floating toolbar
The toolbar that followed your selection around is gone, replaced by a docked panel on the side of the preview. It has room for the controls above without covering the thing you're editing, and it adds:
- Colour pickers that offer your site's actual colours, sampled from the live page — not a generic colour wheel that invites you to pick something that clashes.
- Reset, per element — undo every edit you've made to just that one thing, even in a later session.
- A list of the edits on this page, so you can see what you've pinned by hand.
- Replace image and alt text, in the same place.
Fixed: edits that saved but never appeared
Some sites were showing a Saved confirmation while the page didn't change at all. The editing code is built into your website's preview bundle, and sites built a while ago were still running an old copy of it that quietly ignored anything new — with no error anywhere to explain it. Preview bundles now detect they're out of date and rebuild themselves, so the editor you're using is the editor you're actually running.
Two related repairs went with it: the underlying engine had a fault that switched it off entirely on some pages, and a caching bug meant that if the editor loaded a fraction of a second before the page finished rendering, it gave up on that element for the rest of the session.
— InMinutes Team