WordPress.org

Make WordPress Core

Opened 9 months ago

Closed 8 months ago

#24881 closed defect (bug) (wontfix)

Twenty Fourteen: Be more specific with the transitions in CSS.

Reported by: georgestephanis Owned by:
Milestone: Priority: low
Severity: normal Version: 3.8
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

Split out the CSS transition statements. Currently it targets

#page a,
.more-link .meta-nav,
.more-formatted-posts-link .meta-nav,
.attachment-featured-featured img,
.attachment-featured-thumbnail img,
.social-links-toggle,
.search-toggle,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span

which is far too broad.

For the featured images, for example, if it's narrower than the area it's going to, you can see it expand on page load, which looks funky and moves the layout about a bit.

Attachments (1)

24881.diff (968 bytes) - added by celloexpressions 8 months ago.
Remove unneeded prefixes, unset transitions on more specific elements directly after setting them

Download all attachments as: .zip

Change History (11)

comment:1 georgestephanis9 months ago

  • Summary changed from Twenty Fourteen to Twenty Fourteen: Be more specific with the transitions in CSS.

celloexpressions8 months ago

Remove unneeded prefixes, unset transitions on more specific elements directly after setting them

comment:2 celloexpressions8 months ago

24881.diff removes unneeded prefixes (considering our timeline, we could probably also drop webkit, see http://caniuse.com/#feat=css-transitions). See #23582 for related discussion from Twenty Thirteen.

I think it might be best to remove transitions from more specific elements, or set them to only apply to certain properties, directly after setting transitions more broadly. There was one instance of removing the transitions; I moved that up to where the transitions are set.

comment:3 MikeHansenMe8 months ago

  • Keywords has-patch added; needs-patch removed

comment:4 obenland8 months ago

For the featured images, for example, if it's narrower than the area it's going to

Can you elaborate more on this? What steps would I have to take to recreate this?

comment:5 lancewillett8 months ago

I'm also confused on this one. Is it in all browsers and platforms? Maybe a screencast would help.

comment:6 SergeyBiryukov8 months ago

  • Version set to trunk

comment:7 iamtakashi8 months ago

  • Cc takashi@… added

comment:8 lancewillett8 months ago

  • Priority changed from normal to low

comment:9 lancewillett8 months ago

  • Keywords reporter-feedback added

comment:10 lancewillett8 months ago

  • Keywords has-patch reporter-feedback removed
  • Milestone 3.8 deleted
  • Resolution set to wontfix
  • Status changed from new to closed

George confirmed this is no longer an issue now that post thumbnails are no longer 100% width. Chat log.

Note: See TracTickets for help on using tickets.