Page MenuHomePhabricator

Share Highlight: fix share floating button and text-only quote card border
Closed, ResolvedPublic1 Estimated Story Points

Description

Minor UI tweaks based on design review

  • Change the "share" floating button's weight from primary to normal (default).
  • Apply border radius to the floating button so it appears "pill" shaped.
  • Text-only quote cards have 1px solid border.

Acceptance Criteria

  • "Share" floating button is a large normal progressive button (Currently it's a large primary progressive button)
  • "Share" floating button has a border radius: border-radius-pillor 9999px
  • The text-only quote card has a 1px solid #a2a9b1 border

Event Timeline

Change #1287034 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: fix floating button and text-only card border

https://gerrit.wikimedia.org/r/1287034

lwatson changed the task status from Open to In Progress.May 13 2026, 10:46 PM
lwatson updated the task description. (Show Details)
lwatson set the point value for this task to 1.

Change #1287034 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: fix floating button and text-only card border

https://gerrit.wikimedia.org/r/1287034

Etonkovidova subscribed.

The specs are in place:

  • "Share" floating button is a large normal progressive button (Currently it's a large primary progressive button)
  • "Share" floating button has a border radius: border-radius-pillor 9999px

Screenshot 2026-05-18 at 9.46.15 AM.png (684×1,218 px, 220 KB)

  • The text-only quote card has a 1px solid #a2a9b1 border
.ext-readerExperiments-quoteCard--1x1 {
  aspect-ratio: 1/1;
  border: 1px solid var(--border-color-base,#a2a9b1);
}
Screenshot 2026-05-18 at 9.53.36 AM.png (670×1,226 px, 163 KB)
Screenshot 2026-05-18 at 9.53.00 AM.png (684×1,216 px, 157 KB)