Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (293333 => 293334)
--- trunk/Source/WebInspectorUI/ChangeLog 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/ChangeLog 2022-04-25 18:29:33 UTC (rev 293334)
@@ -1,3 +1,185 @@
+2022-04-25 Tim Nguyen <[email protected]>
+
+ Web Inspector: Unprefix CSS properties in source code
+ https://bugs.webkit.org/show_bug.cgi?id=239517
+
+ Reviewed by Patrick Angle.
+
+ Properties:
+ -webkit-appearance
+ -webkit-mask-image
+ -webkit-clip-path
+ -webkit-text-decoration-*
+ -webkit-user-select
+
+ Values:
+ cursor: -webkit-grab/grabbing
+ -webkit-fill-available
+
+ JS Properties:
+ webkitTransform
+
+ Media queries:
+ -webkit-device-pixel-ratio
+ -webkit-min-device-pixel-ratio
+ -webkit-max-device-pixel-ratio
+
+ Also used shorthand properties there and there.
+
+ * UserInterface/Debug/UncaughtExceptionReporter.css:
+ (.sheet-container):
+ (.uncaught-exception-sheet li):
+ * UserInterface/Views/AuditTestCaseContentView.css:
+ (.content-view.audit-test-case > section table > tr > td > :not(.tree-outline)):
+ * UserInterface/Views/AuditTestContentView.css:
+ (.content-view.audit-test.manager-editing > header :is(.name, .description)[contenteditable]):
+ * UserInterface/Views/BoxShadowEditor.css:
+ (.box-shadow-editor > table > tr > td > input[type="text"]):
+ * UserInterface/Views/BreakpointActionView.css:
+ (.breakpoint-action-eval-editor):
+ * UserInterface/Views/BreakpointPopover.css:
+ (.popover .edit-breakpoint-popover-content > table > tr.condition > td > .editor):
+ * UserInterface/Views/BreakpointTreeElement.css:
+ (.item.breakpoint .status > .status-image.auto-continue::after):
+ * UserInterface/Views/CPUTimelineView.css:
+ (.timeline-view.cpu > .content > .overview .legend):
+ (.timeline-view.cpu > .content > .overview > .chart > .container.stats):
+ * UserInterface/Views/CPUUsageCombinedView.css:
+ (.cpu-usage-combined-view > .details):
+ * UserInterface/Views/ChangesDetailsSidebarPanel.css:
+ (.sidebar > .panel.changes-panel .css-rule):
+ * UserInterface/Views/CodeMirrorOverrides.css:
+ (.CodeMirror-linewidget):
+ * UserInterface/Views/ColorSquare.css:
+ (@media (-webkit-device-pixel-ratio: 1) .color-square > .srgb-edge): Deleted.
+ * UserInterface/Views/ComputedStyleSection.css:
+ (.computed-style-section):
+ (.computed-style-section .computed-property-item .disclosure-button):
+ * UserInterface/Views/ConsoleMessageView.css:
+ (.console-user-command.special-user-log > .console-message-body):
+ (.console-message-body > span):
+ (.console-message-body > span > :matches(.console-message-enclosed, .console-message-preview, .console-message-preview-divider)):
+ (.console-message .console-message-extra-parameters-container > li,):
+ (.console-user-command > .console-message-body):
+ * UserInterface/Views/CookiePopover.css:
+ (.popover .cookie-popover-content > table > tr > td > input:matches([type="text"], [type="datetime-local"])):
+ * UserInterface/Views/DOMEventsBreakdownView.css:
+ (.waterfall-popover-content .dom-events-breakdown):
+ * UserInterface/Views/DOMTreeOutline.css:
+ (.tree-outline.dom.non-selectable):
+ (.tree-outline.dom li .selection-area):
+ * UserInterface/Views/DatabaseContentView.css:
+ (:matches(.database-user-query, .database-query-result)::before):
+ (.database-query-text):
+ (.database-query-result.error):
+ (.database-query-result.no-results):
+ * UserInterface/Views/DetailsSection.css:
+ (.details-section > .content > .group > .row.simple > .value):
+ (.details-section > .content > .group > .row.text):
+ (@media (-webkit-min-device-pixel-ratio: 2) .details-section,): Deleted.
+ * UserInterface/Views/Editing.css:
+ (.editing):
+ * UserInterface/Views/EventBreakpointPopover.css:
+ (.popover .edit-breakpoint-popover-content .event input):
+ * UserInterface/Views/FilterBar.css:
+ (:matches(.filter-bar, .search-bar) > input[type="search"]):
+ (:matches(.filter-bar, .search-bar) > input[type="search"]::-webkit-search-decoration):
+ * UserInterface/Views/FindBanner.css:
+ (.find-banner > input[type="search"]):
+ (.find-banner > button):
+ * UserInterface/Views/FontResourceContentView.css:
+ (.content-view.resource.font .preview > .line > .content):
+ * UserInterface/Views/FormattedValue.css:
+ (.formatted-node > .tree-outline.dom li):
+ * UserInterface/Views/GeneralStyleDetailsSidebarPanel.css:
+ (.sidebar > .panel.details.css-style > .content ~ .options-container > .filter-bar):
+ (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle):
+ * UserInterface/Views/GoToLineDialog.css:
+ (.go-to-line-dialog > div > input):
+ * UserInterface/Views/GradientEditor.css:
+ (.gradient-editor > .gradient-angle > input::-webkit-inner-spin-button):
+ * UserInterface/Views/GradientSlider.js:
+ (WI.GradientSliderKnob.prototype._updateTransform):
+ (WI.GradientSliderKnob):
+ * UserInterface/Views/ImageResourceContentView.css:
+ (.content-view.resource.image img):
+ * UserInterface/Views/IndexedDatabaseContentView.css:
+ (.indexed-database.content-view):
+ * UserInterface/Views/InlineSwatch.css:
+ (@media (-webkit-max-device-pixel-ratio: 1) .inline-swatch): Deleted.
+ * UserInterface/Views/InputPopover.css:
+ (.popover .input-popover-content > .editor):
+ * UserInterface/Views/LocalResourceOverrideLabelView.css:
+ (.local-resource-override-label-view > div > .url):
+ * UserInterface/Views/LocalResourceOverridePopover.css:
+ (.popover .local-resource-override-popover-content .editor):
+ * UserInterface/Views/Main.css:
+ (body):
+ (input[type=range]):
+ (.message-text-view):
+ (.resource-link,):
+ (.go-to-arrow):
+ (.css-documentation-button):
+ (.search-settings):
+ (.expand-list-button):
+ (.bouncy-highlight):
+ (@media (-webkit-device-pixel-ratio: 1) .reference-page-link): Deleted.
+ * UserInterface/Views/NetworkResourceDetailView.css:
+ (.content-view.resource-details):
+ * UserInterface/Views/NetworkTableContentView.css:
+ (.network-table > .statistics > .statistic > .text):
+ * UserInterface/Views/ObjectTreeView.css:
+ (.tree-outline.object li):
+ * UserInterface/Views/OpenResourceDialog.css:
+ (.open-resource-dialog > .field > input):
+ * UserInterface/Views/RecordingContentView.css:
+ (.content-view.recording > .preview-container):
+ * UserInterface/Views/ResourceCookiesContentView.css:
+ (.resource-cookies .table > .header):
+ * UserInterface/Views/ResourceHeadersContentView.css:
+ (.resource-headers .go-to-link):
+ (.resource-headers .call-stack):
+ * UserInterface/Views/ResourceTimingBreakdownView.css:
+ (.waterfall-popover-content .resource-timing-breakdown):
+ * UserInterface/Views/ResourceTreeElement.css:
+ (.item.resource.resource-type-websocket .status > .ready-state):
+ * UserInterface/Views/ScopeChainDetailsSidebarPanel.css:
+ (.watch-_expression_-editor):
+ * UserInterface/Views/Slider.css:
+ (@media (-webkit-min-device-pixel-ratio: 2) .slider): Deleted.
+ * UserInterface/Views/SourceCodeTextEditor.css:
+ (.source-code.text-editor > .CodeMirror .line-indicator-widget.inline):
+ (@media (-webkit-min-device-pixel-ratio: 2) .popover .debugger-popover-content > .body): Deleted.
+ * UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css:
+ (.spreadsheet-style-declaration-editor):
+ (.spreadsheet-style-declaration-editor > .property:matches(.invalid-name, .other-vendor, .overridden):not(.disabled) > .content > *:not(.name, .value-container),):
+ (.spreadsheet-style-declaration-editor > .property.invalid-name:not(.disabled) > .content > *:not(.name, .value-container),):
+ (body:not(.meta-key-pressed) .spreadsheet-style-declaration-editor > .property.invalid-value:not(.disabled) > .content .value:not(.editing),):
+ (.spreadsheet-style-declaration-editor .property.has-warning .warning):
+ * UserInterface/Views/SpreadsheetCSSStyleDeclarationSection.css:
+ (.spreadsheet-css-declaration):
+ (.spreadsheet-css-declaration.selecting,):
+ (.spreadsheet-css-declaration .selector > .icon):
+ * UserInterface/Views/SpringEditor.css:
+ (.spring-editor > .number-input-container > .number-input-row > input::-webkit-inner-spin-button):
+ * UserInterface/Views/TextEditor.css:
+ (.text-editor > .CodeMirror .has-breakpoint .CodeMirror-linenumber::before):
+ (.text-editor > .CodeMirror .breakpoint-auto-continue:not(.execution-line.primary) .CodeMirror-linenumber::after):
+ * UserInterface/Views/TimelineRecordFrame.css:
+ (.timeline-record-frame.tall):
+ * UserInterface/Views/TimelineRuler.css:
+ (.timeline-ruler:not(.disabled, .resizing-selection) > .selection-drag):
+ (.timeline-ruler:not(.disabled, .resizing-selection) > .selection-drag:active):
+ * UserInterface/Views/TreeOutline.css:
+ (.tree-outline .item .disclosure-button):
+ * UserInterface/Views/TypeTreeElement.css:
+ (.item.type-tree-element > .disclosure-button):
+ * UserInterface/Views/TypeTreeView.css:
+ (.tree-outline.type li):
+ * UserInterface/Views/URLBreakpointPopover.css:
+ (.popover .edit-breakpoint-popover-content .url .editor):
+ (@media (prefers-color-scheme: dark) .popover .edit-breakpoint-popover-content .url .editor):
+
2022-04-21 Devin Rousso <[email protected]>
Web Inspector: Elements: Layout: hovering over a node should highlight it in the page
Modified: trunk/Source/WebInspectorUI/UserInterface/Debug/UncaughtExceptionReporter.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Debug/UncaughtExceptionReporter.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Debug/UncaughtExceptionReporter.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -25,10 +25,7 @@
.sheet-container {
position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
+ inset: 0;
z-index: var(--z-index-uncaught-exception-sheet);
background-color: hsl(0, 0%, 96%);
overflow: auto;
@@ -126,6 +123,6 @@
.uncaught-exception-sheet li {
margin-bottom: 20px;
word-break: break-word;
- -webkit-user-select: text;
+ user-select: text;
white-space: pre;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestCaseContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestCaseContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestCaseContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -139,7 +139,7 @@
}
.content-view.audit-test-case > section table > tr > td > :not(.tree-outline) {
- -webkit-user-select: text;
+ user-select: text;
}
.content-view.audit-test-case > section table > tr > td:first-child {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/AuditTestContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -94,7 +94,7 @@
.content-view.audit-test.manager-editing > header :is(.name, .description)[contenteditable] {
border: 1px solid var(--border-color);
- -webkit-user-select: text;
+ user-select: text;
outline-offset: var(--focus-ring-outline-offset);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BoxShadowEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BoxShadowEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BoxShadowEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -53,7 +53,7 @@
text-align: end;
background-color: var(--background-color-content);
border: 1px solid var(--text-color-quaternary);
- -webkit-appearance: none;
+ appearance: none;
}
.box-shadow-editor > table > tr > td > input[type="range"] {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -84,7 +84,7 @@
.breakpoint-action-eval-editor {
margin: 2px 0;
padding: 2px 0 1px 0;
- -webkit-appearance: textfield;
+ appearance: textfield;
border: 1px solid hsl(0, 0%, 78%);
background: white;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointPopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointPopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointPopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -59,7 +59,7 @@
.popover .edit-breakpoint-popover-content > table > tr.condition > td > .editor {
width: 100%;
padding: 4px 0 2px;
- -webkit-appearance: textfield;
+ appearance: textfield;
border: 1px solid hsl(0, 0%, 78%);
background: var(--background-color-content);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -42,7 +42,7 @@
width: 3px;
height: 12px;
content: "";
- -webkit-clip-path: polygon(0 20%, 100% 50%, 0 80%);
+ clip-path: polygon(0 20%, 100% 50%, 0 80%);
background-color: var(--selected-foreground-color);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CPUTimelineView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CPUTimelineView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CPUTimelineView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -114,7 +114,7 @@
.timeline-view.cpu > .content > .overview .legend {
padding-inline-start: 20px;
text-align: start;
- -webkit-user-select: text;
+ user-select: text;
}
.timeline-view.cpu > .content > .overview .legend .row {
@@ -288,7 +288,7 @@
.timeline-view.cpu > .content > .overview > .chart > .container.stats {
padding: 0 5px;
white-space: nowrap;
- -webkit-user-select: text;
+ user-select: text;
}
.timeline-view.cpu > .content > .overview > .chart > .container.stats > table {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CPUUsageCombinedView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CPUUsageCombinedView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CPUUsageCombinedView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -60,7 +60,7 @@
color: var(--text-color-secondary);
overflow: hidden;
text-overflow: ellipsis;
- -webkit-user-select: text;
+ user-select: text;
}
.cpu-usage-combined-view > :matches(.details, .legend) > .name {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ChangesDetailsSidebarPanel.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ChangesDetailsSidebarPanel.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ChangesDetailsSidebarPanel.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -33,7 +33,7 @@
font: 11px Menlo, monospace;
color: var(--text-color-secondary);
background-color: var(--background-color-content);
- -webkit-user-select: text;
+ user-select: text;
}
.sidebar > .panel.changes-panel .css-rule + .css-rule {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -82,7 +82,7 @@
}
.CodeMirror-linewidget {
- -webkit-user-select: text;
+ user-select: text;
}
.CodeMirror .CodeMirror-placeholder {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ColorSquare.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ColorSquare.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ColorSquare.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -93,7 +93,7 @@
stroke-width: 1px;
}
-@media (-webkit-device-pixel-ratio: 1) {
+@media (resolution: 1dppx) {
.color-square > .srgb-edge {
stroke-width: 1px;
stroke-opacity: var(--stroke-opacity) / 2;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleSection.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleSection.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleSection.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -26,7 +26,7 @@
.computed-style-section {
padding-bottom: 3px;
color: var(--text-color-tertiary);
- -webkit-user-select: text;
+ user-select: text;
}
.computed-style-section .computed-property-item {
@@ -67,7 +67,7 @@
background-repeat: no-repeat;
background-position: center;
background-size: 13px 13px;
- -webkit-appearance: none;
+ appearance: none;
}
.computed-style-section .computed-property-item .property-traces {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -36,7 +36,7 @@
background-color: var(--selected-background-color);
color: var(--selected-foreground-color);
font: 10px -webkit-system-font, sans-serif;
- -webkit-user-select: none;
+ user-select: none;
}
.console-message .repeat-count {
@@ -64,11 +64,11 @@
}
.console-message-body > span {
- -webkit-user-select: text;
+ user-select: text;
}
.console-message-body > span > :matches(.console-message-enclosed, .console-message-preview, .console-message-preview-divider) {
- -webkit-user-select: none;
+ user-select: none;
}
.console-message-body > .show-grid {
@@ -154,7 +154,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
- -webkit-user-select: text;
+ user-select: text;
cursor: default;
padding: 2px 0 2px 15px;
}
@@ -238,7 +238,7 @@
.console-user-command > .console-message-body {
color: hsl(209, 100%, 50%);
- -webkit-user-select: text;
+ user-select: text;
}
.console-saved-variable {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CookiePopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CookiePopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CookiePopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -51,7 +51,7 @@
font-family: Menlo, monospace;
background-color: var(--background-color-content);
border: 1px solid var(--text-color-quaternary);
- -webkit-appearance: none;
+ appearance: none;
}
.popover .cookie-popover-content > table > tr > td > input:matches([type="text"], [type="datetime-local"]):matches(:invalid, .invalid) {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMEventsBreakdownView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMEventsBreakdownView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMEventsBreakdownView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -24,7 +24,7 @@
*/
.waterfall-popover-content .dom-events-breakdown {
- -webkit-user-select: text;
+ user-select: text;
max-height: 210px;
overflow-y: auto;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -48,13 +48,12 @@
}
.tree-outline.dom.non-selectable {
- -webkit-user-select: text;
+ user-select: text;
}
.tree-outline.dom li .selection-area {
position: absolute;
- left: 0;
- right: 0;
+ inset-inline: 0;
height: 15px;
z-index: -1;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -74,7 +74,7 @@
width: 10px;
height: 10px;
margin-top: -5px;
- -webkit-user-select: none;
+ user-select: none;
}
.database-user-query {
@@ -90,7 +90,7 @@
.database-query-text {
color: hsl(209, 100%, 50%);
- -webkit-user-select: text;
+ user-select: text;
}
.database-query-result {
@@ -102,11 +102,11 @@
.database-query-result.error {
color: red;
- -webkit-user-select: text;
+ user-select: text;
}
.database-query-result.no-results {
- -webkit-user-select: text;
+ user-select: text;
}
.database-query-result.error::before {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -240,7 +240,7 @@
word-break: break-all;
word-wrap: break-word;
cursor: text;
- -webkit-user-select: text;
+ user-select: text;
}
.details-section > .content > .group > .row.simple > .value .go-to-arrow {
@@ -260,7 +260,7 @@
}
.details-section > .content > .group > .row.text {
- -webkit-user-select: text;
+ user-select: text;
}
.details-section > .content > .group > .row.properties:not(.empty) {
@@ -290,7 +290,7 @@
word-break: break-all;
}
-@media (-webkit-min-device-pixel-ratio: 2) {
+@media (min-resolution: 2dppx) {
.details-section,
.details-section .details-section:not(.collapsed) > .header,
.details-section > .content > .group {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Editing.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Editing.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Editing.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -24,7 +24,7 @@
*/
.editing {
- -webkit-user-select: text;
+ user-select: text;
box-shadow: hsla(0, 0%, 0%, 0.5) 3px 3px 4px;
outline: 1px solid hsl(0, 0%, 65%) !important;
background-color: white;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/EventBreakpointPopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/EventBreakpointPopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/EventBreakpointPopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -24,7 +24,7 @@
*/
.popover .edit-breakpoint-popover-content .event input {
- width: -webkit-fill-available;
+ width: fill-available;
margin: 0;
font-family: Menlo, monospace;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -63,7 +63,7 @@
border: 1px solid var(--border-color);
border-radius: 3px;
outline: none;
- -webkit-appearance: none;
+ appearance: none;
}
:matches(.filter-bar, .search-bar) > input[type="search"]:matches(:focus, :not(:placeholder-shown)) {
@@ -76,7 +76,7 @@
height: 13px;
margin: 4px 4px 3px 3px;
background-image: url(../Images/FilterFieldGlyph.svg);
- -webkit-appearance: none;
+ appearance: none;
}
:matches(.filter-bar, .search-bar) > input[type="search"]::-webkit-search-results-button {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -87,7 +87,7 @@
background-color: white;
border: 1px solid var(--border-color);
outline: none;
- -webkit-appearance: none;
+ appearance: none;
--find-banner-search-box-border-radius-start: 4px;
--find-banner-search-box-border-radius-end: 0;
@@ -110,10 +110,9 @@
.find-banner > button {
margin: 1px 4px;
- padding-left: 6px;
- padding-right: 6px;
+ padding-inline: 6px;
- -webkit-appearance: none;
+ appearance: none;
border-radius: 4px;
border: 1px solid var(--border-color);
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -71,7 +71,7 @@
text-align: center;
text-rendering: optimizeLegibility;
- -webkit-user-select: text;
+ user-select: text;
cursor: text;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -75,7 +75,7 @@
}
.formatted-node > .tree-outline.dom li {
- -webkit-user-select: none !important;
+ user-select: none !important;
}
.formatted-node > .tree-outline.dom li.selected .selection-area {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -84,7 +84,7 @@
}
.sidebar > .panel.details.css-style > .content ~ .options-container > .filter-bar {
- width: -webkit-fill-available;
+ width: fill-available;
background-color: transparent;
}
@@ -98,7 +98,7 @@
border: none;
border-radius: 3px;
white-space: nowrap;
- -webkit-appearance: none;
+ appearance: none;
}
.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:focus {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -66,7 +66,7 @@
color: hsl(0, 0%, 4%);
padding: 0 30px 1px 7px;
outline: none;
- -webkit-appearance: none;
+ appearance: none;
}
.go-to-line-dialog > div > input::placeholder {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GradientEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GradientEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GradientEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -92,5 +92,5 @@
}
.gradient-editor > .gradient-angle > input::-webkit-inner-spin-button {
- -webkit-appearance: none;
+ appearance: none;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GradientSlider.js (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GradientSlider.js 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GradientSlider.js 2022-04-25 18:29:33 UTC (rev 293334)
@@ -442,7 +442,7 @@
_updateTransform()
{
- this.element.style.webkitTransform = "translate3d(" + this._x + "px, " + this._y + "px, 0)";
+ this.element.style.transform = "translate3d(" + this._x + "px, " + this._y + "px, 0)";
}
};
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -52,7 +52,7 @@
.content-view.resource.image img {
max-width: 100%;
max-height: 100%;
- -webkit-user-select: text;
+ user-select: text;
-webkit-user-drag: auto;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -24,7 +24,7 @@
*/
.indexed-database.content-view {
- -webkit-user-select: text;
+ user-select: text;
}
.indexed-database.content-view .indexed-database-details {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/InlineSwatch.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/InlineSwatch.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/InlineSwatch.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -66,7 +66,7 @@
filter: brightness(0.8);
}
-@media (-webkit-max-device-pixel-ratio: 1) {
+@media (max-resolution: 1dppx) {
/* Ensure the color swatch is even by even so that it looks okay checkered. */
.inline-swatch {
vertical-align: -1px;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/InputPopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/InputPopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/InputPopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -32,7 +32,7 @@
width: 200px;
margin-top: 5px;
padding: 4px 0 2px;
- -webkit-appearance: textfield;
+ appearance: textfield;
border: 1px solid hsl(0, 0%, 78%);
background: white;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverrideLabelView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverrideLabelView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverrideLabelView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -54,7 +54,7 @@
}
.local-resource-override-label-view > div > .url {
- -webkit-user-select: text;
+ user-select: text;
}
@media (prefers-color-scheme: dark) {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverridePopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverridePopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LocalResourceOverridePopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -55,7 +55,7 @@
display: inline-block;
width: 100%;
padding: 4px 0 2px;
- -webkit-appearance: unset;
+ appearance: unset;
border: 1px solid hsl(0, 0%, 78%);
background: var(--background-color-content);
border-color: var(--text-color-quaternary);
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -44,10 +44,7 @@
font-size: 11px;
position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
+ inset: 0;
padding: 0;
margin: 0;
@@ -54,7 +51,7 @@
overflow: hidden;
- -webkit-user-select: none;
+ user-select: none;
-webkit-user-drag: none;
cursor: default;
@@ -136,7 +133,7 @@
}
input[type=range] {
- -webkit-appearance: none;
+ appearance: none;
}
input[type=range]::-webkit-slider-thumb {
@@ -202,10 +199,7 @@
justify-content: center;
align-items: center;
position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
+ inset: 0;
z-index: var(--z-index-popover);
min-height: min-content;
white-space: pre-wrap;
@@ -272,7 +266,7 @@
color: var(--link-text-color);
text-decoration: underline;
cursor: pointer;
- -webkit-user-select: none;
+ user-select: none;
}
.go-to-link:not(.dont-float) {
@@ -292,7 +286,7 @@
}
.go-to-arrow {
- -webkit-appearance: none;
+ appearance: none;
padding: 0;
margin: 0;
@@ -336,7 +330,7 @@
}
.css-documentation-button {
- -webkit-appearance: none;
+ appearance: none;
padding: 0;
margin: 0;
border: none;
@@ -360,7 +354,7 @@
padding: 0;
background-color: transparent;
border: none;
- -webkit-appearance: none;
+ appearance: none;
}
.search-settings > .glyph {
@@ -386,7 +380,7 @@
}
.expand-list-button {
- -webkit-appearance: none;
+ appearance: none;
text-decoration: underline;
background-color: transparent;
padding: 0;
@@ -433,7 +427,7 @@
margin-top: -2px;
margin-left: -4px;
- -webkit-user-select: none;
+ user-select: none;
pointer-events: none;
animation-name: bouncy-highlight-animation;
@@ -502,7 +496,7 @@
background-color: var(--button-background-color-active);
}
-@media (-webkit-device-pixel-ratio: 1) {
+@media (resolution: 1dppx) {
.reference-page-link {
padding-inline-start: 1px;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkResourceDetailView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkResourceDetailView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkResourceDetailView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -25,15 +25,12 @@
.content-view.resource-details {
position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
+ inset: 0;
padding: 12px 20px 0 20px;
overflow: auto;
- -webkit-user-select: text;
+ user-select: text;
white-space: nowrap;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -387,7 +387,7 @@
.network-table > .statistics > .statistic > .text {
padding-top: 1px;
padding-inline-start: 4px;
- -webkit-user-select: all;
+ user-select: all;
font-variant-numeric: tabular-nums;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -112,7 +112,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
- -webkit-user-select: text;
+ user-select: text;
cursor: default;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -73,7 +73,7 @@
background-color: transparent;
border: none;
outline: none;
- -webkit-appearance: none;
+ appearance: none;
}
.open-resource-dialog > .field > input::placeholder {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/RecordingContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/RecordingContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/RecordingContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -73,8 +73,8 @@
justify-content: center;
align-items: center;
position: relative;
- width: -webkit-fill-available;
- height: -webkit-fill-available;
+ width: fill-available;
+ height: fill-available;
}
.content-view.recording :matches(img, canvas) {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ResourceCookiesContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ResourceCookiesContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ResourceCookiesContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -33,5 +33,5 @@
}
.resource-cookies .table > .header {
- -webkit-user-select: none;
+ user-select: none;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ResourceHeadersContentView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ResourceHeadersContentView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ResourceHeadersContentView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -53,7 +53,7 @@
}
.resource-headers .go-to-link {
- -webkit-user-select: text;
+ user-select: text;
}
.resource-headers .pair.initiator > .value {
@@ -68,7 +68,7 @@
margin-left: 3px;
content: url(../Images/CallStack.svg);
opacity: 0.5;
- -webkit-user-select: none;
+ user-select: none;
}
.resource-headers .call-stack:hover {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTimingBreakdownView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTimingBreakdownView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTimingBreakdownView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -25,7 +25,7 @@
.waterfall-popover-content .resource-timing-breakdown {
margin: 5px;
- -webkit-user-select: text;
+ user-select: text;
}
.resource-timing-breakdown > table > tr > td.label {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -37,7 +37,7 @@
height: 8px;
margin-top: 4px;
background-color: white;
- -webkit-clip-path: circle(50% at 50% 50%);
+ clip-path: circle(50% at 50% 50%);
}
.item.resource.resource-type-websocket:not(.selected) .status .ready-state.open,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScopeChainDetailsSidebarPanel.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ScopeChainDetailsSidebarPanel.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScopeChainDetailsSidebarPanel.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -32,7 +32,7 @@
width: 200px;
margin-top: 5px;
padding: 4px 0 2px;
- -webkit-appearance: textfield;
+ appearance: textfield;
border: 1px solid hsl(0, 0%, 78%);
background: white;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -56,7 +56,7 @@
border-color: -apple-system-control-accent;
}
-@media (-webkit-min-device-pixel-ratio: 2) {
+@media (min-resolution: 2dppx) {
.slider {
border: 0.5px solid hsl(0, 0%, 50%);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -54,7 +54,7 @@
height: 13px;
padding: 0 5px 0 8px;
border-bottom-left-radius: 0;
- -webkit-clip-path: polygon(0% 50%, 8px 100%, 100% 100%, 100% 0, 8px 0);
+ clip-path: polygon(0% 50%, 8px 100%, 100% 100%, 100% 0, 8px 0);
}
.source-code.text-editor > .CodeMirror .line-indicator-widget > .icon {
@@ -186,7 +186,7 @@
transform: translateY(0.5px);
}
-@media (-webkit-min-device-pixel-ratio: 2) {
+@media (min-resolution: 2dppx) {
.popover .debugger-popover-content > .body {
border-width: 0.5px;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -29,7 +29,7 @@
font-family: Menlo, monospace;
font-size: 11px;
color: var(--text-color-tertiary);
- -webkit-user-select: text;
+ user-select: text;
--background-color-selected: var(--selected-text-background-color);
--border-color-selected: var(--selected-background-color);
@@ -127,7 +127,7 @@
body.meta-key-pressed .spreadsheet-style-declaration-editor > .property:matches(.invalid-name, .other-vendor, .overridden):not(.disabled) > .content > :matches(.name, .value-container):not(:hover, .editing),
body.meta-key-pressed .spreadsheet-style-declaration-editor > .property:matches(.invalid-name, .other-vendor, .overridden):not(.disabled) > .content > .value-container > .value:not(:hover, .editing) {
text-decoration: line-through;
- -webkit-text-decoration-color: hsla(0, 0%, var(--foreground-lightness), 0.6);
+ text-decoration-color: hsla(0, 0%, var(--foreground-lightness), 0.6);
}
.spreadsheet-style-declaration-editor > .property.invalid-name:not(.disabled) > .content > *:not(.name, .value-container),
@@ -136,13 +136,13 @@
body:not(.meta-key-pressed) .spreadsheet-style-declaration-editor > .property.invalid-name:not(.disabled) > .content > .value-container > .value:not(.editing),
body.meta-key-pressed .spreadsheet-style-declaration-editor > .property.invalid-name:not(.disabled) > .content > :matches(.name, .value-container):not(:hover, .editing),
body.meta-key-pressed .spreadsheet-style-declaration-editor > .property.invalid-name:not(.disabled) > .content > .value-container > .value:not(:hover, .editing) {
- -webkit-text-decoration-color: hsla(0, 100%, 50%, 0.5);
+ text-decoration-color: hsla(0, 100%, 50%, 0.5);
}
body:not(.meta-key-pressed) .spreadsheet-style-declaration-editor > .property.invalid-value:not(.disabled) > .content .value:not(.editing),
body.meta-key-pressed .spreadsheet-style-declaration-editor > .property.invalid-value:not(.disabled) > .content .value:not(:hover, .editing) {
text-decoration: line-through;
- -webkit-text-decoration-color: hsla(0, 100%, 50%, 0.5);
+ text-decoration-color: hsla(0, 100%, 50%, 0.5);
}
.spreadsheet-style-declaration-editor .property.has-warning {
@@ -167,7 +167,7 @@
background-position-y: center;
background-position-x: 7px;
- -webkit-clip-path: polygon(0% 50%, 6px 0%, 100% 0%, 100% 100%, 6px 100%);
+ clip-path: polygon(0% 50%, 6px 0%, 100% 0%, 100% 100%, 6px 100%);
}
.spreadsheet-style-declaration-editor .property.modified {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationSection.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationSection.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationSection.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -31,12 +31,12 @@
color: var(--text-color-tertiary);
background: var(--background-color-content);
border-bottom: 0.5px solid var(--text-color-quaternary);
- -webkit-user-select: text;
+ user-select: text;
}
.spreadsheet-css-declaration.selecting,
.spreadsheet-css-declaration.selecting .spreadsheet-style-declaration-editor {
- -webkit-user-select: none;
+ user-select: none;
}
.spreadsheet-css-declaration :matches(.header, .header-groupings) {
@@ -111,7 +111,7 @@
margin-top: -1px;
margin-inline-start: -2px;
vertical-align: -3.5px;
- -webkit-user-select: none;
+ user-select: none;
}
.spreadsheet-css-declaration .selector > .icon + * {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SpringEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/SpringEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SpringEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -107,7 +107,7 @@
}
.spring-editor > .number-input-container > .number-input-row > input::-webkit-inner-spin-button {
- -webkit-appearance: none;
+ appearance: none;
}
.spring-editor > .number-input-container > .number-input-row > input[type="range"] {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TextEditor.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -58,7 +58,7 @@
z-index: -2;
- -webkit-clip-path: polygon(0% 50%, 5px 100%, 100% 100%, 100% 0, 5px 0);
+ clip-path: polygon(0% 50%, 5px 100%, 100% 100%, 100% 0, 5px 0);
transform: scaleX(-1);
background-color: var(--breakpoint-color);
filter: grayscale();
@@ -76,7 +76,7 @@
right: -7px;
content: "";
z-index: -1;
- -webkit-clip-path: polygon(5px 20%, 5px 80%, 2px 50%);
+ clip-path: polygon(5px 20%, 5px 80%, 2px 50%);
background-color: var(--selected-foreground-color);
transform: scaleX(-1);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -34,7 +34,7 @@
}
.timeline-record-frame.tall {
- -webkit-mask-image: linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 10%);
+ mask-image: linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 10%);
}
.timeline-record-frame > .frame {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -182,12 +182,12 @@
}
.timeline-ruler:not(.disabled, .resizing-selection) > .selection-drag {
- cursor: -webkit-grab;
+ cursor: grab;
pointer-events: all;
}
.timeline-ruler:not(.disabled, .resizing-selection) > .selection-drag:active {
- cursor: -webkit-grabbing;
+ cursor: grabbing;
}
.timeline-ruler > .selection-handle {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -101,7 +101,7 @@
background-position: center;
background-size: 13px 13px;
border: none;
- -webkit-appearance: none;
+ appearance: none;
}
body[dir=rtl] .tree-outline .item .disclosure-button {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -48,7 +48,7 @@
border: 0;
background: none;
- -webkit-appearance: none;
+ appearance: none;
}
.item.type-tree-element.parent > .disclosure-button {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -46,7 +46,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
- -webkit-user-select: text;
+ user-select: text;
cursor: default;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/URLBreakpointPopover.css (293333 => 293334)
--- trunk/Source/WebInspectorUI/UserInterface/Views/URLBreakpointPopover.css 2022-04-25 18:25:03 UTC (rev 293333)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/URLBreakpointPopover.css 2022-04-25 18:29:33 UTC (rev 293334)
@@ -26,7 +26,7 @@
.popover .edit-breakpoint-popover-content .url .editor {
width: 180px;
padding: 4px 0 2px;
- -webkit-appearance: textfield;
+ appearance: textfield;
border: 1px solid hsl(0, 0%, 78%);
background: var(--background-color-content);
}
@@ -48,7 +48,7 @@
@media (prefers-color-scheme: dark) {
.popover .edit-breakpoint-popover-content .url .editor {
- -webkit-appearance: unset;
+ appearance: unset;
border-color: var(--text-color-quaternary);
}
}
