Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(519)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: Source/core/css/mediaControls.css

Issue 662243003: Use ::-internal-media-controls* instead of ::-webkit-media-controls* (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: introduce PseudoInternalCustomElement Created 6 years, 2 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:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « Source/core/css/RuleFeature.cpp ('k') | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/core/css/mediaControls.css
diff --git a/Source/core/css/mediaControls.css b/Source/core/css/mediaControls.css
index 91618e5b2b32286023e820abad0f70ac236fa23f..fe8a25ec6bc0fa3119a42e76c33aecc321c83485 100644
--- a/Source/core/css/mediaControls.css
+++ b/Source/core/css/mediaControls.css
@@ -32,8 +32,8 @@ audio {
height: 30px;
}
-audio::-webkit-media-controls,
-video::-webkit-media-controls {
+audio::-internal-media-controls,
+video::-internal-media-controls {
width: inherit;
height: inherit;
position: relative;
@@ -44,7 +44,7 @@ video::-webkit-media-controls {
align-items: center;
}
-audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
+audio::-internal-media-controls-enclosure, video::-internal-media-controls-enclosure {
width: 100%;
max-width: 800px;
height: 30px;
@@ -55,13 +55,13 @@ audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure
box-sizing: border-box;
}
-video::-webkit-media-controls-enclosure {
+video::-internal-media-controls-enclosure {
padding: 0px 5px 5px 5px;
height: 35px;
flex-shrink: 0;
}
-audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
+audio::-internal-media-controls-panel, video::-internal-media-controls-panel {
display: flex;
flex-direction: row;
align-items: center;
@@ -97,12 +97,12 @@ audio:-webkit-full-page-media, video:-webkit-full-page-media {
max-width: 100%;
}
-audio:-webkit-full-page-media::-webkit-media-controls-panel,
-video:-webkit-full-page-media::-webkit-media-controls-panel {
+audio:-webkit-full-page-media::-internal-media-controls-panel,
+video:-webkit-full-page-media::-internal-media-controls-panel {
bottom: 0px;
}
-audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
+audio::-internal-media-controls-mute-button, video::-internal-media-controls-mute-button {
-webkit-appearance: media-mute-button;
display: flex;
flex: none;
@@ -117,11 +117,11 @@ audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
color: inherit;
}
-audio::-webkit-media-controls-overlay-enclosure {
+audio::-internal-media-controls-overlay-enclosure {
display: none;
}
-video::-webkit-media-controls-overlay-enclosure {
+video::-internal-media-controls-overlay-enclosure {
display: flex;
position: relative;
flex-direction: column;
@@ -135,7 +135,7 @@ video::-webkit-media-controls-overlay-enclosure {
overflow: hidden;
}
-video::-webkit-media-controls-overlay-play-button {
+video::-internal-media-controls-overlay-play-button {
-webkit-appearance: media-overlay-play-button;
display: flex;
position: absolute;
@@ -167,7 +167,7 @@ video::-internal-media-controls-overlay-cast-button {
padding: 0;
}
-audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
+audio::-internal-media-controls-play-button, video::-internal-media-controls-play-button {
-webkit-appearance: media-play-button;
display: flex;
flex: none;
@@ -183,7 +183,7 @@ audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
color: inherit;
}
-audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
+audio::-internal-media-controls-timeline-container, video::-internal-media-controls-timeline-container {
-webkit-appearance: media-controls-background;
display: flex;
flex-direction: row;
@@ -195,8 +195,8 @@ audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-
min-width: 0;
}
-audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display,
-audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
+audio::-internal-media-controls-current-time-display, video::-internal-media-controls-current-time-display,
+audio::-internal-media-controls-time-remaining-display, video::-internal-media-controls-time-remaining-display {
-webkit-appearance: media-current-time-display;
-webkit-user-select: none;
flex: none;
@@ -223,7 +223,7 @@ audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr
text-decoration: none;
}
-audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
+audio::-internal-media-controls-timeline, video::-internal-media-controls-timeline {
-webkit-appearance: media-slider;
display: flex;
flex: 1 1 auto;
@@ -236,7 +236,7 @@ audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
color: inherit;
}
-audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
+audio::-internal-media-controls-volume-slider, video::-internal-media-controls-volume-slider {
-webkit-appearance: media-volume-slider;
display: flex;
/* The 1.9 value was empirically chosen to match old-flexbox behaviour
@@ -279,7 +279,7 @@ input[type="range" i]::-webkit-media-slider-thumb {
margin-right: -7px;
}
-audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
+audio::-internal-media-controls-fullscreen-button, video::-internal-media-controls-fullscreen-button {
-webkit-appearance: media-enter-fullscreen-button;
display: flex;
flex: none;
@@ -311,11 +311,11 @@ audio::-internal-media-controls-cast-button, video::-internal-media-controls-cas
color: inherit;
}
-audio::-webkit-media-controls-toggle-closed-captions-button {
+audio::-internal-media-controls-toggle-closed-captions-button {
display: none;
}
-video::-webkit-media-controls-toggle-closed-captions-button {
+video::-internal-media-controls-toggle-closed-captions-button {
-webkit-appearance: media-toggle-closed-captions-button;
display: flex;
flex: none;
@@ -331,15 +331,15 @@ video::-webkit-media-controls-toggle-closed-captions-button {
color: inherit;
}
-audio::-webkit-media-controls-fullscreen-volume-slider, video::-webkit-media-controls-fullscreen-volume-slider {
+audio::-internal-media-controls-fullscreen-volume-slider, video::-internal-media-controls-fullscreen-volume-slider {
display: none;
}
-audio::-webkit-media-controls-fullscreen-volume-min-button, video::-webkit-media-controls-fullscreen-volume-min-button {
+audio::-internal-media-controls-fullscreen-volume-min-button, video::-internal-media-controls-fullscreen-volume-min-button {
display: none;
}
-audio::-webkit-media-controls-fullscreen-volume-max-button, video::-webkit-media-controls-fullscreen-volume-max-button {
+audio::-internal-media-controls-fullscreen-volume-max-button, video::-internal-media-controls-fullscreen-volume-max-button {
display: none;
}
« no previous file with comments | « Source/core/css/RuleFeature.cpp ('k') | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698