WordPress.org

Making WordPress.org

Opened 8 months ago

Closed 4 days ago

#4635 closed enhancement (fixed)

P2: add a smooth CSS transition to gravatars on focus

Reported by: audrasjb Owned by: dd32
Milestone: Priority: low
Component: Make (Get Involved) / P2 Keywords: needs-patch has-screenshots
Cc:

Description

Here is a simple patch to add a simple CSS transition between normal and focused states when you put the focus/hover on Make P2's gravatars (for both post authors and commenters).

The screenshot below is using this CSS rule:

.author-avatar img {
    transition: all .5s;
}

See screenshots below.

Attachments (2)

dd431ca2dd0d74a5e25757e8562ba90e.gif (293.2 KB) - added by audrasjb 8 months ago.
Current behavior: no transition between rounded and squared gravatar image.
34c75362da8b2de40f5e1f2387ab68b9.gif (467.8 KB) - added by audrasjb 8 months ago.
Proposal: a 0.5s transition to make it smoothier :-)

Download all attachments as: .zip

Change History (4)

@audrasjb
8 months ago

Current behavior: no transition between rounded and squared gravatar image.

@audrasjb
8 months ago

Proposal: a 0.5s transition to make it smoothier :-)

#1 @audrasjb
8 months ago

  • Priority changed from normal to low
  • Type changed from defect to enhancement

#2 @dd32
4 days ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 9623:

Make: Hide the gravatar-hover preview images that have a mismatched size.

This also removes a circle -> square upon hover that seems irrelevant.

Fixes #4635, #4918.

Note: See TracTickets for help on using tickets.