Skip to content

Pasted blog tables get a header, and two competitor marks are current

Choose a tag to compare

@nastyaeremina nastyaeremina released this 25 Aug 20:01
66470fe

Pasted blog tables get a real header. A table pasted out of Google Docs
arrived with no header at all: every cell was a body cell, so none of the header
styling the blog's tables are designed around could reach the row naming the
columns. A reader got a "Pros / Cons" line set as ordinary copy, no fill and no
rule, sitting above rows that looked exactly like it. The same post's
hand-authored tables got the band and the alignment, so two tables that are the
same component read as different ones.

The first row of such a table is now promoted to a real header, and the paste's
own centring and bold go with it. Those two were written inline on elements
inside each cell, where they outrank a stylesheet aimed at the cell itself, which
is why no amount of CSS was ever going to reach them. 32 tables across 9 posts,
and anything pasted from now on.

Only a table carrying no header of its own is touched, so a hand-authored one is
never reinterpreted.

Review screenshots keep the corners they were captured with. A G2 or Capterra
review is a capture of a card that already has its own rounded corner, flush to
the edge of the image. The blog rounded every image again at a wider curve, which
cut across that corner and shaved the card's outline either side of it. The card
looked trimmed rather than rounded. The rule beside it already dropped the border
on these images for exactly that reason, the card being its own edge; the radius
was the same case and had been missed.

Product screenshots keep the rounding and the outline. Those are white to the
edge with no frame of their own, which is what the treatment is for.

Dubsado's and SmartVault's marks are current. Dubsado's was a 50 by 50 crop
of its app icon, drawn at 28px and cropped past the icon's rounded corners, so it
filled its frame as a blurry grey square instead of reading as a logo.
SmartVault had rebranded since these were captured: the green key on a document
is retired in favour of a mulberry vault door, so that one was stale rather than
merely small. Both now come from each company's own current artwork.

The comparison cards take the customer stories' card surface. They were a
borderless muted fill; they now use the same lighter surface and hairline outline
the fact block on a customer story uses, so the two pages read as one system.