third_party/WebKit/Source/core/css/mediaControlsAndroid.css - Issue 2898543002: media_controls: Add UI for showing a promo bubble on a control button.

Side by Side Diff: third_party/WebKit/Source/core/css/mediaControlsAndroid.css

Issue 2898543002: media_controls: Add UI for showing a promo bubble on a control button. (Closed)

Patch Set: make animation work Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« third_party/WebKit/Source/core/css/mediaControls.css ('K') | « third_party/WebKit/Source/core/css/mediaControls.css ('k') | third_party/WebKit/Source/core/html/shadow/MediaControlElementTypes.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 /*	1 /*

2 * Copyright (C) 2015 Google Inc.	2 * Copyright (C) 2015 Google Inc.

3 *	3 *

4 * Redistribution and use in source and binary forms, with or without	4 * Redistribution and use in source and binary forms, with or without

5 * modification, are permitted provided that the following conditions	5 * modification, are permitted provided that the following conditions

6 * are met:	6 * are met:

7 * 1. Redistributions of source code must retain the above copyright	7 * 1. Redistributions of source code must retain the above copyright

8 * notice, this list of conditions and the following disclaimer.	8 * notice, this list of conditions and the following disclaimer.

9 * 2. Redistributions in binary form must reproduce the above copyright	9 * 2. Redistributions in binary form must reproduce the above copyright

10 * notice, this list of conditions and the following disclaimer in the	10 * notice, this list of conditions and the following disclaimer in the

(...skipping 17 matching lines...) Expand all Loading...
28	28

29 audio {	29 audio {

30 height: 48px;	30 height: 48px;

31 }	31 }

32	32

33 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {	33 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {

34 height: 48px;	34 height: 48px;

35 min-width: 48px;	35 min-width: 48px;

36 /* This is a magic CSS entry to fix crbug.com/519557. Please don't change	36 /* This is a magic CSS entry to fix crbug.com/519557. Please don't change

37 * without consulting that crbug. */	37 * without consulting that crbug. */

38 overflow: hidden;	38 overflow: visible;

39 }	39 }

40	40

41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {	41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {

42 /* If this changes, it must also be changed in	42 /* If this changes, it must also be changed in

43 * core/html/shadow/MediaControls.cpp. */	43 * core/html/shadow/MediaControls.cpp. */

44 height: 48px;	44 height: 48px;

45 min-width: 48px;	45 min-width: 48px;

46 line-height: 48px;	46 line-height: 48px;

47 font-size: 14px;	47 font-size: 14px;

48 }	48 }

49	49

50 video::-internal-media-controls-overlay-cast-button {	50 video::-internal-media-controls-overlay-cast-button {

51 width: 48px;	51 width: 48px;

52 height: 48px;	52 height: 48px;

53 }	53 }

54	54

55 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls- timeline-container {	55 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls- timeline-container {

56 height: 48px;	56 height: 48px;

57 }	57 }

58	58

59 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control s-current-time-display {	59 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control s-current-time-display {

60 height: 48px;	60 height: 48px;

61 }	61 }

62	62

63 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr ols-time-remaining-display {	63 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr ols-time-remaining-display {

64 height: 48px;	64 height: 48px;

65 }	65 }

66	66

	67 video::-internal-media-controls-download-button-container {

	68 width: 48px;

	69 height: 48px;

	70 }

	71

67 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton,	72 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton,

68 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu tton,	73 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu tton,

69 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-f ullscreen-button,	74 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-f ullscreen-button,

70 audio::-internal-media-controls-cast-button, video::-internal-media-controls-cas t-button,	75 audio::-internal-media-controls-cast-button, video::-internal-media-controls-cas t-button,

71 audio::-internal-media-controls-download-button, video::-internal-media-controls -download-button,	76 audio::-internal-media-controls-download-button, video::-internal-media-controls -download-button,

72 audio::-internal-media-controls-overflow-button, video::-internal-media-controls -overflow-button,	77 audio::-internal-media-controls-overflow-button, video::-internal-media-controls -overflow-button,

73 video::-webkit-media-controls-toggle-closed-captions-button {	78 video::-webkit-media-controls-toggle-closed-captions-button {

74 padding: 8px;	79 padding: 8px;

75 width: 48px;	80 width: 48px;

76 height: 48px;	81 height: 48px;

77 }	82 }

OLD	NEW