Make WordPress Core

Opened 11 years ago

Closed 11 years ago

#24881 closed defect (bug) (wontfix)

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

Reported by: georgestephanis's profile 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 11 years ago.
Remove unneeded prefixes, unset transitions on more specific elements directly after setting them

Download all attachments as: .zip

Change History (11)

#1 @georgestephanis
11 years ago

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

@celloexpressions
11 years ago

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

#2 @celloexpressions
11 years 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.

#3 @MikeHansenMe
11 years ago

  • Keywords has-patch added; needs-patch removed

#4 @obenland
11 years 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?

#5 @lancewillett
11 years ago

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

#6 @SergeyBiryukov
11 years ago

  • Version set to trunk

#7 @iamtakashi
11 years ago

  • Cc takashi@… added

#8 @lancewillett
11 years ago

  • Priority changed from normal to low

#9 @lancewillett
11 years ago

  • Keywords reporter-feedback added

#10 @lancewillett
11 years 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.