Diff
Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsAdwaita.css (294962 => 294963)
--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsAdwaita.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsAdwaita.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -189,7 +189,7 @@
audio::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-current-time-display {
- -webkit-user-select: none;
+ user-select: none;
flex: none;
display: block;
border: none;
@@ -226,7 +226,7 @@
audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
- -webkit-appearance: media-slider !important;
+ appearance: media-slider !important;
display: flex !important;
flex: 1 1 auto !important;
height: 4px !important;
@@ -249,7 +249,6 @@
audio::-webkit-media-controls-volume-slider-container,
video::-webkit-media-controls-volume-slider-container {
- -webkit-appearance: media-volume-slider-container;
display: flex;
overflow: hidden;
position: absolute;
@@ -282,7 +281,7 @@
audio::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-volume-slider {
- -webkit-appearance: media-volume-slider !important;
+ appearance: media-volume-slider !important;
display: flex !important;
align-items: center !important;
flex-direction: column !important;
@@ -313,7 +312,7 @@
}
input[type="range"]::-webkit-media-slider-thumb {
- -webkit-appearance: none !important;
+ appearance: none !important;
width: 14px;
height: 14px;
border-radius: 7px;
@@ -348,7 +347,6 @@
}
video::-webkit-media-controls-closed-captions-container {
- -webkit-appearance: media-closed-captions-container;
display: flex;
position: absolute;
bottom: 35px;
@@ -364,7 +362,7 @@
font-weight: normal;
font-style: normal;
color: white;
- -webkit-user-select: none;
+ user-select: none;
transition: height 0.10s linear;
}
@@ -473,7 +471,7 @@
video::-webkit-media-text-track-container,
audio::-webkit-media-text-track-container {
position: relative;
- -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
}
video::-webkit-media-text-track-container {
@@ -490,7 +488,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/mediacontrols/mediaControlsApple.css (294962 => 294963)
--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -43,10 +43,10 @@
width: inherit;
height: inherit;
position: relative;
- display: -webkit-flex !important;
- -webkit-align-items: stretch;
- -webkit-justify-content: flex-end;
- -webkit-flex-direction: column;
+ display: flex !important;
+ align-items: stretch;
+ justify-content: flex-end;
+ flex-direction: column;
font: -webkit-small-control;
white-space: nowrap;
-webkit-font-smoothing: subpixel-antialiased;
@@ -59,7 +59,7 @@
video::-webkit-media-text-track-container,
audio::-webkit-media-text-track-container {
position: relative;
- -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
}
video::-webkit-media-controls-panel,
@@ -71,14 +71,14 @@
min-height: 25px;
height: 25px;
line-height: 25px;
- -webkit-user-select: none;
+ user-select: none;
-webkit-user-drag: element;
background-color: transparent;
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-user-select: none;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ user-select: none;
direction: ltr;
@@ -120,7 +120,7 @@
opacity: 0;
border: 0;
background: none;
- -webkit-appearance: none;
+ appearance: none;
}
video::-webkit-media-controls-panel-background-container,
@@ -138,7 +138,7 @@
video::-webkit-media-controls-panel-background-container {
min-height: 45px;
height: 45px;
- -webkit-clip-path: inset(20px 0px 0px 0px);
+ clip-path: inset(20px 0px 0px 0px);
}
video::-webkit-media-controls-panel-tint,
@@ -177,7 +177,7 @@
video::-webkit-media-controls-panel button,
audio::-webkit-media-controls-panel button {
- -webkit-appearance: none;
+ appearance: none;
display: block;
padding: 0;
border: 0;
@@ -195,7 +195,7 @@
video::-webkit-media-controls-panel button {
mix-blend-mode: plus-lighter;
- -webkit-transform: translateZ(0);
+ transform: translateZ(0);
}
video::-webkit-media-controls-panel button:focus,
@@ -237,10 +237,10 @@
margin-right: 8px;
margin-left: 8px;
position: relative;
- display: -webkit-flex;
- -webkit-flex-direction: column;
- -webkit-justify-content: center;
- -webkit-align-items: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
video::-webkit-media-controls-mute-button,
@@ -259,14 +259,14 @@
bottom: 5px;
left: -25px;
- -webkit-clip-path: inset(20px 20px 20px 20px round 4px 4px 0px 0px);
+ clip-path: inset(20px 20px 20px 20px round 4px 4px 0px 0px);
background-color: transparent;
overflow: hidden;
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-justify-content: flex-end;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-end;
opacity: 0;
/* make zero height (rather than display:none) for AX and FKA */
@@ -325,7 +325,7 @@
audio::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-volume-slider {
- -webkit-appearance: none !important;
+ appearance: none !important;
box-sizing: border-box !important;
height: 9px !important;
min-width: 64px !important;
@@ -337,7 +337,7 @@
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-transform-origin: 0 0;
- -webkit-transform: rotate(-90deg) translateY(28px) translateX(-40px);
+ transform: rotate(-90deg) translateY(28px) translateX(-40px);
}
video::-webkit-media-controls-volume-slider {
@@ -346,7 +346,7 @@
video::-webkit-media-controls-volume-slider::-webkit-slider-thumb,
audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb {
- -webkit-appearance: none !important;
+ appearance: none !important;
width: 7px !important;
height: 7px !important;
visibility: hidden;
@@ -383,7 +383,6 @@
video::-webkit-media-controls-closed-captions-container,
audio::-webkit-media-controls-closed-captions-container {
- -webkit-appearance: media-closed-captions-container;
position: absolute;
display: block;
right: 38px;
@@ -403,7 +402,7 @@
video::-webkit-media-controls-closed-captions-container .list,
audio::-webkit-media-controls-closed-captions-container .list {
display: block;
- -webkit-user-select: none;
+ user-select: none;
}
video::-webkit-media-controls-closed-captions-container h3,
@@ -523,7 +522,7 @@
padding: 0 12px;
- -webkit-flex: 1 1 0;
+ flex: 1 1 0;
}
video::-webkit-media-controls-status-display {
@@ -534,8 +533,8 @@
video::-webkit-media-controls-timeline,
audio::-webkit-media-controls-timeline {
- -webkit-appearance: none !important;
- -webkit-flex: 1 1 0 !important;
+ appearance: none !important;
+ flex: 1 1 0 !important;
height: 17px !important;
margin: 0 !important;
background-size: 100% 100% !important;
@@ -549,7 +548,7 @@
video::-webkit-media-controls-timeline::-webkit-slider-thumb,
audio::-webkit-media-controls-timeline::-webkit-slider-thumb {
- -webkit-appearance: none !important;
+ appearance: none !important;
width: 3px !important;
height: 15px !important;
}
@@ -558,9 +557,9 @@
video::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
- -webkit-user-select: none;
- -webkit-flex: 0 0 0;
- display: -webkit-flex;
+ user-select: none;
+ flex: 0 0 0;
+ display: flex;
cursor: default;
overflow: hidden;
color: rgb(156, 156, 156);
@@ -592,7 +591,7 @@
margin-right: 8px;
width: 32px;
min-width: 32px;
- -webkit-justify-content: flex-end;
+ justify-content: flex-end;
}
video::-webkit-media-controls-time-remaining-display,
@@ -601,7 +600,7 @@
margin-right: 8px;
width: 37px;
min-width: 37px;
- -webkit-justify-content: flex-start;
+ justify-content: flex-start;
}
video::-webkit-media-controls-time-remaining-display.five-digit-time,
@@ -626,11 +625,11 @@
video::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-timeline-container {
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-user-select: none;
- -webkit-flex: 1 1 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ user-select: none;
+ flex: 1 1 0;
min-width: 0;
position: relative;
padding: 0;
@@ -639,13 +638,13 @@
video::-webkit-media-controls-panel .thumbnail-track,
audio::-webkit-media-controls-panel .thumbnail-track {
position: relative;
- -webkit-flex: 1 1 0;
+ flex: 1 1 0;
min-width: 0;
height: 17px;
margin: 0 2px;
- display: -webkit-flex;
- -webkit-align-items: stretch;
- -webkit-flex-direction: column;
+ display: flex;
+ align-items: stretch;
+ flex-direction: column;
}
video::-webkit-media-controls-panel .thumbnail,
@@ -695,9 +694,9 @@
*/
video:-webkit-full-screen::-webkit-media-controls-panel {
- -webkit-align-items: flex-start !important;
- -webkit-justify-content: flex-end !important;
- -webkit-clip-path: inset(20px round 6px);
+ align-items: flex-start !important;
+ justify-content: flex-end !important;
+ clip-path: inset(20px round 6px);
width: 480px !important;
height: 104px !important;
@@ -741,16 +740,16 @@
}
video:-webkit-full-screen::-webkit-media-controls-panel .volume-box {
- -webkit-transform: none;
- -webkit-clip-path: none;
+ transform: none;
+ clip-path: none;
opacity: 1;
left: 32px;
top: 35px;
width: 96px;
height: 17px;
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
background-color: transparent;
border: none;
}
@@ -760,7 +759,7 @@
}
video:-webkit-full-screen::-webkit-media-controls-volume-slider {
- -webkit-transform: none;
+ transform: none;
background-color: transparent;
min-width: 60px !important;
width: 60px !important;
@@ -815,7 +814,7 @@
video:-webkit-full-screen::-webkit-media-controls-return-to-realtime-button {
position: absolute;
- display: -webkit-flex;
+ display: flex;
width: 29px;
height: 16px;
left: 262px;
@@ -895,9 +894,9 @@
text-indent: 0;
text-decoration: none;
pointer-events: none;
- -webkit-user-select: none;
+ user-select: none;
- -webkit-flex: 1 1;
+ flex: 1 1;
-webkit-line-box-contain: block inline-box replaced;
}
@@ -910,7 +909,7 @@
position: absolute;
overflow: hidden;
white-space: pre-wrap;
- -webkit-box-sizing: border-box;
+ box-sizing: border-box;
font: 22px sans-serif;
}
@@ -1049,7 +1048,7 @@
position: absolute;
width: 100%;
top: calc(.5 * (100% - 25px) + (.5 * (90px + 42pt) - 42pt));
- -webkit-user-select: none;
+ user-select: none;
margin: 0px;
height: 42pt;
}
Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsBase.css (294962 => 294963)
--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsBase.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsBase.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -52,20 +52,20 @@
width: inherit;
height: inherit;
position: relative;
- display: -webkit-flex;
- -webkit-align-items: stretch;
- -webkit-justify-content: flex-end;
- -webkit-flex-direction: column;
+ display: flex;
+ align-items: stretch;
+ justify-content: flex-end;
+ flex-direction: column;
}
video::-webkit-media-text-track-container,
audio::-webkit-media-text-track-container {
position: relative;
- -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
}
video::-webkit-media-controls-panel-composited-parent {
- -webkit-transform: translateZ(0);
+ transform: translateZ(0);
width: 100%;
}
@@ -79,7 +79,7 @@
min-height: 25px;
height: 25px;
line-height: 25px;
- -webkit-user-select: none;
+ user-select: none;
background-color: transparent;
background-image: -webkit-linear-gradient(top,
rgba(0, 0, 0, .92) 0,
@@ -94,10 +94,10 @@
rgba(17, 17, 17, .92) 100%
);
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-user-select: none;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ user-select: none;
direction: ltr;
@@ -118,7 +118,7 @@
video::-webkit-media-controls-panel button,
audio::-webkit-media-controls-panel button {
- -webkit-appearance: none;
+ appearance: none;
display: block;
padding: 0;
border: 0;
@@ -129,12 +129,12 @@
background-origin: content-box;
background-repeat: no-repeat;
background-position: center;
- -webkit-filter: drop-shadow(black 0 1px 1px);
+ filter: drop-shadow(black 0 1px 1px);
}
video::-webkit-media-controls-panel button:active,
audio::-webkit-media-controls-panel button:active {
- -webkit-filter: drop-shadow(white 0 0 10px);
+ filter: drop-shadow(white 0 0 10px);
}
video::-webkit-media-controls-rewind-button,
@@ -166,10 +166,10 @@
margin-right: 2px;
position: relative;
- display: -webkit-flex;
- -webkit-flex-direction: column;
- -webkit-justify-content: center;
- -webkit-align-items: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
video::-webkit-media-controls-mute-button,
@@ -187,7 +187,7 @@
bottom: 0;
left: 0;
- -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
-webkit-transform-origin: 11px 11px;
background-color: transparent;
@@ -199,10 +199,10 @@
border: 1px solid rgba(0, 0, 0, 0.95);
border-radius: 12px;
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-justify-content: flex-end;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-end;
opacity: 0;
/* make zero width (rather than display:none) for AX and FKA */
@@ -224,7 +224,7 @@
audio::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-volume-slider {
- -webkit-appearance: none !important;
+ appearance: none !important;
box-sizing: border-box !important;
height: 10px !important;
width: 80px !important;
@@ -244,7 +244,7 @@
video::-webkit-media-controls-volume-slider::-webkit-slider-thumb,
audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb {
- -webkit-appearance: none !important;
+ appearance: none !important;
width: 8px !important;
height: 8px !important;
border-radius: 4px !important;
@@ -253,7 +253,7 @@
/* rotateZ() forces the layer into compositing mode.
Slider thumbs are small, so forcing a compositing layer is inexpensive,
and it keeps the slider from having to repaint while sliding. */
- -webkit-transform: rotateZ(0) !important;
+ transform: rotateZ(0) !important;
background-image: -webkit-linear-gradient(
left,
rgba(99, 99, 99, 1),
@@ -289,7 +289,6 @@
video::-webkit-media-controls-closed-captions-container,
audio::-webkit-media-controls-closed-captions-container {
- -webkit-appearance: media-closed-captions-container;
position: absolute;
display: block;
right: 38px;
@@ -311,7 +310,7 @@
display: block;
font-family: "Helvetica Bold", Helvetica, sans-serif;
font-size: 10pt;
- -webkit-user-select: none;
+ user-select: none;
}
video::-webkit-media-controls-closed-captions-container h3,
@@ -411,12 +410,12 @@
padding: 0 12px;
- -webkit-flex: 1 1 0;
+ flex: 1 1 0;
}
video::-webkit-media-controls-timeline,
audio::-webkit-media-controls-timeline {
- -webkit-appearance: none !important;
- -webkit-flex: 1 1 0 !important;
+ appearance: none !important;
+ flex: 1 1 0 !important;
height: 9px !important;
margin: 0 !important;
@@ -426,7 +425,7 @@
}
video::-webkit-media-controls-timeline::-webkit-slider-thumb,
audio::-webkit-media-controls-timeline::-webkit-slider-thumb {
- -webkit-appearance: none !important;
+ appearance: none !important;
width:6px !important;
height: 6px !important;
background-color: white !important;
@@ -434,7 +433,7 @@
/* rotateZ() forces the layer into compositing mode.
Slider thumbs are small, so forcing a compositing layer is inexpensive,
and it keeps the slider from having to repaint while sliding. */
- -webkit-transform: translateY(1px) rotateZ(-45deg) !important;
+ transform: translateY(1px) rotateZ(-45deg) !important;
background-image: -webkit-gradient(
linear,
@@ -461,11 +460,11 @@
video::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
- -webkit-user-select: none;
- -webkit-flex: 0 0 0;
- display: -webkit-flex;
- -webkit-justify-content: center;
- -webkit-align-items: center;
+ user-select: none;
+ flex: 0 0 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
cursor: default;
font: -webkit-small-control;
font-size: 9px;
@@ -490,11 +489,11 @@
video::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-timeline-container {
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
- -webkit-user-select: none;
- -webkit-flex: 1 1 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ user-select: none;
+ flex: 1 1 0;
position: relative;
padding: 0;
}
@@ -502,12 +501,12 @@
video::-webkit-media-controls-panel .thumbnail-track,
audio::-webkit-media-controls-panel .thumbnail-track {
position: relative;
- -webkit-flex: 1 1 0;
+ flex: 1 1 0;
height: 9px;
margin: 0 2px;
- display: -webkit-flex;
- -webkit-align-items: stretch;
- -webkit-flex-direction: column;
+ display: flex;
+ align-items: stretch;
+ flex-direction: column;
}
video::-webkit-media-controls-panel .thumbnail,
@@ -550,8 +549,8 @@
*/
video:-webkit-full-screen::-webkit-media-controls-panel {
- -webkit-align-items: flex-start !important;
- -webkit-justify-content: flex-end !important;
+ align-items: flex-start !important;
+ justify-content: flex-end !important;
width: 440px !important;
height: 60px !important;
@@ -583,15 +582,15 @@
}
video:-webkit-full-screen::-webkit-media-controls-panel .volume-box {
- -webkit-transform: none;
+ transform: none;
opacity: 1;
left: 11px;
top: 13px;
width: 90px;
height: 14px;
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-items: center;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
background-image: none;
border: none;
}
@@ -614,7 +613,7 @@
/* rotateZ() forces the layer into compositing mode.
Slider thumbs are small, so forcing a compositing layer is inexpensive,
and it keeps the slider from having to repaint while sliding. */
- -webkit-transform: rotateZ(270deg) !important;
+ transform: rotateZ(270deg) !important;
}
video:-webkit-full-screen::-webkit-media-controls-play-button {
@@ -656,7 +655,7 @@
video:-webkit-full-screen::-webkit-media-controls-return-to-realtime-button {
position: absolute;
- display: -webkit-flex;
+ display: flex;
width: 29px;
height: 16px;
left: 262px;
@@ -713,9 +712,9 @@
text-indent: 0;
text-decoration: none;
pointer-events: none;
- -webkit-user-select: none;
+ user-select: none;
- -webkit-flex: 1 1;
+ flex: 1 1;
-webkit-line-box-contain: block inline-box replaced;
}
@@ -728,7 +727,7 @@
position: absolute;
overflow: hidden;
white-space: pre-wrap;
- -webkit-box-sizing: border-box;
+ box-sizing: border-box;
font: 22px sans-serif;
}
Modified: trunk/Source/WebCore/css/html.css (294962 => 294963)
--- trunk/Source/WebCore/css/html.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/css/html.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -727,7 +727,7 @@
padding: 2px;
#else
-webkit-nbsp-mode: space;
- -webkit-line-break: after-white-space;
+ line-break: after-white-space;
/* On iOS we want to inherit the left and right padding for consistency with
other form controls (e.g. <input type="text">). We want to override the top
Modified: trunk/Source/WebCore/css/legacyFormControlsIOS.css (294962 => 294963)
--- trunk/Source/WebCore/css/legacyFormControlsIOS.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/css/legacyFormControlsIOS.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -66,7 +66,7 @@
background-color: initial;
height: initial;
width: initial;
- -webkit-mask-image: initial;
+ mask-image: initial;
}
input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button {
Modified: trunk/Source/WebCore/css/mediaControls.css (294962 => 294963)
--- trunk/Source/WebCore/css/mediaControls.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/css/mediaControls.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -97,7 +97,7 @@
}
:is(audio, video)::-webkit-media-controls-timeline {
- -webkit-appearance: media-slider;
+ appearance: media-slider;
display: flex;
flex: 1 1;
height: 16px;
Modified: trunk/Source/WebCore/css/themeAdwaita.css (294962 => 294963)
--- trunk/Source/WebCore/css/themeAdwaita.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/css/themeAdwaita.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -22,11 +22,11 @@
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
- -webkit-appearance: none;
- -webkit-box-shadow: none !important;
+ appearance: none;
+ box-shadow: none !important;
width: 1em;
height: 1em;
- -webkit-mask-image: url("data:image/svg+xml;utf-8, \
+ mask-image: url("data:image/svg+xml;utf-8, \
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'> \
<g color='%23000' font-weight='400' font-family='sans-serif' white-space='normal' fill='black'> \
<path d='M6.508 1C3.48 1 1.002 3.473 1.002 6.5c0 3.026 2.478 5.5 5.506 5.5s5.504-2.474 5.504-5.5c0-3.027-2.476-5.5-5.504-5.5zm0 2a3.486 3.486 0 0 1 3.504 3.5c0 1.944-1.556 3.5-3.504 3.5a3.488 3.488 0 0 1-3.506-3.5C3.002 4.555 4.56 3 6.508 3z' style='line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none' overflow='visible'/> \
@@ -33,29 +33,29 @@
<path d='M10 8.99a1 1 0 0 0-.695 1.717l4.004 4a1 1 0 1 0 1.414-1.414l-4.004-4A1 1 0 0 0 10 8.99z' style='line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none' overflow='visible'/> \
</g> \
</svg>");
- -webkit-mask-size: 1em 1em;
+ mask-size: 1em 1em;
}
input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
- -webkit-box-shadow: none !important;
+ appearance: none;
+ box-shadow: none !important;
width: 1em;
height: 1em;
- -webkit-mask-image: url("data:image/svg+xml;utf-8, \
+ mask-image: url("data:image/svg+xml;utf-8, \
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'> \
<path d='M6 2L0 8l6 6h9.035A1.03 1.03 0 0 0 16 13V3c0-.53-.346-1-1.009-1zm1 3h1.031c.255.011.51.129.688.313L10 6.593l1.313-1.28c.265-.231.446-.306.687-.313h1v1c0 .286-.034.55-.25.75l-1.281 1.281 1.25 1.25c.188.188.281.454.281.719v1h-1c-.265 0-.53-.093-.719-.281L10 9.438l-1.281 1.28A1.015 1.015 0 0 1 8 11H7v-1c0-.265.093-.53.281-.719l1.282-1.25L7.28 6.75A.909.909 0 0 1 7 6z' style='marker:none' color='%23000' overflow='visible' fill='black'/> \
</svg>");
- -webkit-mask-size: 1em 1em;
+ mask-size: 1em 1em;
}
body[dir="rtl"] input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
- -webkit-box-shadow: none !important;
- -webkit-mask-image: url("data:image/svg+xml;utf-8, \
+ appearance: none;
+ box-shadow: none !important;
+ mask-image: url("data:image/svg+xml;utf-8, \
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'> \
<path d='M10 2l6 6-6 6H.965A1.03 1.03 0 0 1 0 13V3c0-.53.346-1 1.009-1zM9 5H7.969a1.04 1.04 0 0 0-.688.313L6 6.593l-1.313-1.28C4.423 5.082 4.242 5.006 4 5H3v1c0 .286.034.55.25.75l1.281 1.281-1.25 1.25A1.015 1.015 0 0 0 3 10v1h1c.265 0 .53-.093.719-.281L6 9.438l1.281 1.28c.188.189.454.282.719.282h1v-1c0-.265-.093-.53-.281-.719l-1.281-1.25 1.28-1.281A.909.909 0 0 0 9 6z' style='marker:none' color='%23000' overflow='visible' fill='black'/> \
</svg>");
- -webkit-mask-size: 1em 1em;
+ mask-size: 1em 1em;
}
input[type="search"]::-webkit-search-results-button,
Modified: trunk/Source/WebCore/html/shadow/imageOverlay.css (294962 => 294963)
--- trunk/Source/WebCore/html/shadow/imageOverlay.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/html/shadow/imageOverlay.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -85,5 +85,5 @@
div.image-overlay-data-detector-result {
position: absolute;
- -webkit-user-select: none;
+ user-select: none;
}
Modified: trunk/Source/WebCore/html/shadow/mac/imageControlsMac.css (294962 => 294963)
--- trunk/Source/WebCore/html/shadow/mac/imageControlsMac.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/html/shadow/mac/imageControlsMac.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -30,7 +30,7 @@
position: relative;
overflow: hidden;
color: transparent;
- -webkit-user-select: none;
+ user-select: none;
pointer-events: none;
}
Modified: trunk/Source/WebCore/html/shadow/meterElementShadow.css (294962 => 294963)
--- trunk/Source/WebCore/html/shadow/meterElementShadow.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/html/shadow/meterElementShadow.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -1,7 +1,7 @@
/* use div# because the preprocessor doen't like # start */
div#inner {
- -webkit-appearance: inherit;
+ appearance: inherit;
box-sizing: inherit;
height: 100%;
width: 100%;
Modified: trunk/Source/WebCore/xml/XMLViewer.css (294962 => 294963)
--- trunk/Source/WebCore/xml/XMLViewer.css 2022-05-27 22:59:42 UTC (rev 294962)
+++ trunk/Source/WebCore/xml/XMLViewer.css 2022-05-27 23:02:13 UTC (rev 294963)
@@ -74,7 +74,7 @@
}
.button {
- -webkit-user-select: none;
+ user-select: none;
cursor: pointer;
display: inline-block;
margin-left: -10px;