We kicked off the year with a parade of Leaflet improvements — lots of smaller things we'd had on the list for a while. Here we collect them in one place — see embedded posts below for detail!

Page width

Theme setting for max width on posts (per-publication, or per-doc for standalone Leaflets).

Narrower: great when you want subpages side by side.

Wide: great for letting your posts breathe.

Leaflet's avatar
5mo

New: page width — set maximum page width in Leaflet! Great for published blog layouts *and* even just for docs & drafts, e.g. to have multi-column view when editing subpages! Set max width in your theme, from 320–1200px, with a couple presets *or* exact value e.g. to match an existing site ✨

screenshot of a leaflet "LEAFLET META-PUBS" with three columns, each 320px max widthscreenshot of a leaflet "Hyperlink's Learning Library" with two columns, one a list and the other showing info + image for the book "Mindstorms", each page with max width 480pxscreenshot of published looseleaf "AT Protocol builder manifesto - WIP, comments wanted!" with max width 816px

Small and large text

Make any text small (e.g. for captions) or large (e.g. for intros).

Plus — keyboard shortcuts!

Leaflet's avatar
5mo

New: *small* and *large* text in the Leaflet editor! We already had h1, h2, h3, and p (text) — now you can use: ~ Small, e.g. for captions or fine print ~ Large, e.g. for intros or callouts Also new — keyboard shortcuts for all sizes! [cmd] + [opt] + [1/2/3/0/-/+], see in the editor "?" menu :)

screenshot of a leaflet draft showing examples of a header, regular text, then large and small text, including an image with italicized small text as caption, and mentioning we have keyboard shortcuts too

Prev / next, and other post options

In publication settings we now have a "post options" menu where you can toggle showing prev / next links in footer, and toggle post interactions (comments, mentions, recommends) if you like!

We also added a per-post setting so you can disable certain interactions just for certain posts if needed.

Leaflet's avatar
5mo

New: prev / next & more post options! (1) See prev / next posts linked in footer — default on, but turn off if you prefer, with… (2) New "post options" menu in publication settings You can *also* opt to show comments (Leaflet only), mentions (Bluesky + more to come), both, or neither!

footer of a Leaflet post, showing subscribe button, links to prev / next posts, and buttons for mentions and commentspost options in publication settings, with toggles for show prev/next buttons, show comments, and show mentions, all toggled on

Improved profile preview and mention styles

We gave @-mentions a little more emphasis, and made it so that tapping / clicking opens a preview card first.

Leaflet's avatar
5mo

ICYMI we have @-mentions, and we tweaked the styling to give them a bit more emphasis vs inline links :) *also* adjusted behavior when you click a handle in a mention or byline — we now show preview cards on tap/click (prev only on hover) for easier shortcuts to publications & bluesky profile

screenshot of a Leaflet draft mentioning lots of accounts, publications, and some posts too, now with more emphasis in styling (highlighted a bit, along with accent color and publication logo where applicable)

Backdate published posts

If you've imported posts, or just need to backdate a belated post (like this one!) you can now edit published date.

Leaflet's avatar
5mo

New: edit post dates If you've imported posts to Leaflet, or otherwise need to rewrite history, you can now backdate* posts! - on publish: edit date/time, default = now - published post: edit in meta & hit "update" *You can't yet publish in the *future*…but scheduling is on our list of ideas!

Leaflet publish flow, with a place to edit 'publish date' before hitting publishEditing a published post, with a date/time picker in post header

Improved block handling

Several changes to make working with blocks nicer, like inline deleting and reordering, easier selection, and streamlined toolbars.

Leaflet's avatar
5mo

New: improved block handling! TINY RELEASE NOTES: - Nicer delete & reorder for non-text blocks - Easier to select / move / delete blocks in canvas - Removed rarely used block 'lock' feature - Prettified some buttons & toolbar layouts Let us know if you notice any lingering block issues :)

sneak peek of a Leaflet Lab Notes draft, showing three subpage blocks, the one in the middle now with move up/down and delete buttons inline on the selected block (previously in a separate toolbar)

Cover images

Set any image in your post as cover image to use for social previews. Still to do: using for post previews on publication homepage and elsewhere…and looseleaf support!

Leaflet's avatar
5mo

New: "cover image" — set an image to use for social previews for your Leaflet posts! From a publication draft [to do: looseleaf support], click from image or toolbar & "set as cover" ✨ Just for social share img right now, but we *could* show in post previews on publication home, Discover, etc too!

bluesky post from @zjsm.zip linking to a leaflet "one, two, three, rewind!" with cover image a meme-ified Meryl Streep in The Devil Wears Prada saying "Leaflet? For music blogging? Groundbreaking"bluesky post of a leaflet from @atproto.dev linking to a post "ATmosphereConf Activities: Train Jam" with scenic image of mountains, lake, blue skies and treesbluesky post from @yueppi.bsky.social linking to leaflet "01: on the new year, my craft and last year's baggage" with an image of a notebook with a case open, lots of stickers and sparkly starry green bgbluesky post from @aaronrosspowell.com linking to leaflet post "ReImagining Liberty is taking a short break" and illustrated poster frame for the podcast

Improved Bluesky thread viewer

Our Bluesky thread viewer is a bit smoother to use; it's now easier to view post quotes, open Bluesky links, see replies and more.

Leaflet's avatar
4mo

We made some nice improvements to our Bluesky thread viewer! ~ nicer formatting ~ easier to navigate ~ view post quotes ~ easier to open bluesky links ~ More info / demo: lab.leaflet.pub/3mabsropbo22q This collection of atproto ideas from @tynanpurdy.com is a fun example to browse too!

A running list of ATproto ideas - Tynan's Leaflets

A running list of ATproto ideas - Tynan's Leaflets

Updated when the brain has more

https://blog.tynanpurdy.com/3lwgzk2ovnk2c

That's it for this month, but we're always improving Leaflet and appreciate ideas & feedback on what we should prioritize next!