Title: [293332] trunk/Source/WebCore
- Revision
- 293332
- Author
- n...@apple.com
- Date
- 2022-04-25 11:19:48 -0700 (Mon, 25 Apr 2022)
Log Message
Unprefix modern-media-controls CSS properties
https://bugs.webkit.org/show_bug.cgi?id=239726
Reviewed by Eric Carlson.
* Modules/modern-media-controls/controls/button.css:
(button):
(button > picture):
* Modules/modern-media-controls/controls/button.js:
(Button.prototype.commitProperty):
* Modules/modern-media-controls/controls/media-controls.css:
(.media-controls > *):
* Modules/modern-media-controls/controls/slider.css:
(.slider > input):
(.ios .slider > input):
(.slider > input::-webkit-slider-thumb):
* Modules/modern-media-controls/controls/text-tracks.css:
(video::-webkit-media-text-track-container):
* Modules/modern-media-controls/controls/watchos-activity-indicator.css:
(button.watchos-activity-indicator > picture):
Modified Paths
Diff
Modified: trunk/Source/WebCore/ChangeLog (293331 => 293332)
--- trunk/Source/WebCore/ChangeLog 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/ChangeLog 2022-04-25 18:19:48 UTC (rev 293332)
@@ -1,3 +1,26 @@
+2022-04-25 Tim Nguyen <n...@apple.com>
+
+ Unprefix modern-media-controls CSS properties
+ https://bugs.webkit.org/show_bug.cgi?id=239726
+
+ Reviewed by Eric Carlson.
+
+ * Modules/modern-media-controls/controls/button.css:
+ (button):
+ (button > picture):
+ * Modules/modern-media-controls/controls/button.js:
+ (Button.prototype.commitProperty):
+ * Modules/modern-media-controls/controls/media-controls.css:
+ (.media-controls > *):
+ * Modules/modern-media-controls/controls/slider.css:
+ (.slider > input):
+ (.ios .slider > input):
+ (.slider > input::-webkit-slider-thumb):
+ * Modules/modern-media-controls/controls/text-tracks.css:
+ (video::-webkit-media-text-track-container):
+ * Modules/modern-media-controls/controls/watchos-activity-indicator.css:
+ (button.watchos-activity-indicator > picture):
+
2022-04-25 Claudio Saavedra <csaave...@igalia.com>
[GStreamer] Remove unused rtc variable
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/button.css (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/button.css 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/button.css 2022-04-25 18:19:48 UTC (rev 293332)
@@ -32,8 +32,8 @@
align-items: center;
justify-content: center;
background-color: transparent !important;
- -webkit-appearance: none;
- -webkit-user-select: none;
+ appearance: none;
+ user-select: none;
-webkit-tap-highlight-color: transparent;
}
@@ -42,8 +42,8 @@
button > picture {
background-color: var(--secondary-glyph-color);
mix-blend-mode: plus-lighter;
- -webkit-mask-size: 100% 100%;
- -webkit-mask-repeat: no-repeat;
+ mask-size: 100% 100%;
+ mask-repeat: no-repeat;
transition: transform 150ms;
will-change: transform;
/* Work around webkit.org/b/174565 by making the shrinking button's icon non-interactive */
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/button.js (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/button.js 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/button.js 2022-04-25 18:19:48 UTC (rev 293332)
@@ -157,7 +157,7 @@
commitProperty(propertyName)
{
if (propertyName === "maskImage")
- this.image.element.style.webkitMaskImage = `url(${this._imageSource.src})`;
+ this.image.element.style.maskImage = `url(${this._imageSource.src})`;
else
super.commitProperty(propertyName);
}
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/media-controls.css (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/media-controls.css 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/media-controls.css 2022-04-25 18:19:48 UTC (rev 293332)
@@ -92,7 +92,7 @@
.media-controls > * {
/* We always want to avoid showing the text selection magnifier on iOS. */
- -webkit-user-select: none;
+ user-select: none;
transition: opacity 0.1s linear;
}
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/slider.css (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/slider.css 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/slider.css 2022-04-25 18:19:48 UTC (rev 293332)
@@ -102,7 +102,7 @@
margin: 0;
height: 100%;
background-color: transparent;
- -webkit-appearance: none !important;
+ appearance: none !important;
/* Disabling this for now because the outline is visualy inconsistent with the button
focus state. Tracking at https://bugs.webkit.org/show_bug.cgi?id=174906 */
outline: none;
@@ -114,7 +114,7 @@
pointer-events: none;
/* Make sure we don't show any UI as we drag the scrubber on iOS. */
- -webkit-user-select: none !important;
+ user-select: none !important;
-webkit-touch-callout: none !important;
-webkit-tap-highlight-color: transparent;
}
@@ -125,7 +125,7 @@
border: none;
box-shadow: none;
background-color: transparent;
- -webkit-appearance: none !important;
+ appearance: none !important;
pointer-events: all;
}
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/text-tracks.css (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/text-tracks.css 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/text-tracks.css 2022-04-25 18:19:48 UTC (rev 293332)
@@ -37,7 +37,7 @@
text-indent: 0;
text-decoration: none;
pointer-events: none;
- -webkit-user-select: none;
+ user-select: none;
flex: 1 1 auto;
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/watchos-activity-indicator.css (293331 => 293332)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/watchos-activity-indicator.css 2022-04-25 17:58:13 UTC (rev 293331)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/watchos-activity-indicator.css 2022-04-25 18:19:48 UTC (rev 293332)
@@ -32,7 +32,7 @@
width: var(--width) !important;
height: 29.5px !important;
- -webkit-mask-size: calc(var(--number-of-frames) * 100%) 100%;
+ mask-size: calc(var(--number-of-frames) * 100%) 100%;
/* We apply two animations in sequence, first the intro which goes for 8 frames (0 - 7) and whichs
runs once, then the loop which starts after the intro (using a delay) and runs infinitely. */
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes