Bug 88297 - Change the styling of the Chromium video controls
Summary: Change the styling of the Chromium video controls
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Silvia Pfeiffer
URL:
Keywords:
Depends on: 87683 87835
Blocks: 84672 88623 88724 88743 88818 89050
  Show dependency treegraph
 
Reported: 2012-06-04 23:40 PDT by Silvia Pfeiffer
Modified: 2012-06-13 17:50 PDT (History)
10 users (show)

See Also:


Attachments
Full patch for layout tests (50.36 KB, patch)
2012-06-06 00:53 PDT, Silvia Pfeiffer
no flags Details | Formatted Diff | Diff
Review this for the differences to the second patch (23.36 KB, patch)
2012-06-06 00:56 PDT, Silvia Pfeiffer
no flags Details | Formatted Diff | Diff
Patch for cq (24.09 KB, patch)
2012-06-12 16:14 PDT, Silvia Pfeiffer
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Silvia Pfeiffer 2012-06-04 23:40:40 PDT
This is a third patch for the introduction of the new Chromium video controls, master bug at https://bugs.webkit.org/show_bug.cgi?id=84672 .

This does the actual visual update. As such, it includes the change of the CSS using the new flexbox and new styles, the removal of the now not needed controls background div, and the introduction of the new images for the buttons.

The visual update of the range sliders will be in a separate patch.

Not to land separately and to land after 87835.
Comment 1 Silvia Pfeiffer 2012-06-06 00:53:46 PDT
Created attachment 145954 [details]
Full patch for layout tests
Comment 2 Silvia Pfeiffer 2012-06-06 00:56:45 PDT
Created attachment 145956 [details]
Review this for the differences to the second patch

As it turns out, there are still too many changes to the new flexbox model, so I've gone back to the old one, which is also more consistent with the other WebKit styles for video controls shadow DOM elements.
Comment 3 Eric Carlson 2012-06-06 09:55:22 PDT
Comment on attachment 145956 [details]
Review this for the differences to the second patch

View in context: https://bugs.webkit.org/attachment.cgi?id=145956&action=review

> Source/WebCore/rendering/RenderMediaControlsChromium.cpp:278
> +const int mediaSliderThumbWidth = 32;
> +const int mediaSliderThumbHeight = 24;

Nit: you might want to add "Timeline" to these names to match the pattern used for the other names.
Comment 4 Silvia Pfeiffer 2012-06-06 22:47:56 PDT
(In reply to comment #3)
> (From update of attachment 145956 [details])
> View in context: https://bugs.webkit.org/attachment.cgi?id=145956&action=review
> 
> > Source/WebCore/rendering/RenderMediaControlsChromium.cpp:278
> > +const int mediaSliderThumbWidth = 32;
> > +const int mediaSliderThumbHeight = 24;
> 
> Nit: you might want to add "Timeline" to these names to match the pattern used for the other names.

Thanks, will do when uploading the patch for landing rebased to the current codebase.
Comment 5 Silvia Pfeiffer 2012-06-12 16:06:17 PDT
(In reply to comment #3)
> (From update of attachment 145956 [details])
> View in context: https://bugs.webkit.org/attachment.cgi?id=145956&action=review
> 
> > Source/WebCore/rendering/RenderMediaControlsChromium.cpp:278
> > +const int mediaSliderThumbWidth = 32;
> > +const int mediaSliderThumbHeight = 24;
> 
> Nit: you might want to add "Timeline" to these names to match the pattern used for the other names.

Decided not to do this for consistency, since all constants and variable names in the media controls system for the timeline/transport are called "mediaslider".
Comment 6 Silvia Pfeiffer 2012-06-12 16:14:11 PDT
Created attachment 147185 [details]
Patch for cq
Comment 7 WebKit Review Bot 2012-06-13 01:19:37 PDT
Comment on attachment 147185 [details]
Patch for cq

Clearing flags on attachment: 147185

Committed r120171: <http://trac.webkit.org/changeset/120171>
Comment 8 WebKit Review Bot 2012-06-13 01:19:42 PDT
All reviewed patches have been landed.  Closing bug.