Web Inspector: use unprefixed CSS property 'filter' instead of '-webkit-filter'
authorbburg@apple.com <bburg@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 19 Aug 2015 21:24:14 +0000 (21:24 +0000)
committerbburg@apple.com <bburg@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 19 Aug 2015 21:24:14 +0000 (21:24 +0000)
https://bugs.webkit.org/show_bug.cgi?id=148186

Reviewed by Dean Jackson.

* UserInterface/Views/BreakpointActionView.css:
(.breakpoint-action-remove-button:active):
* UserInterface/Views/CSSStyleDeclarationSection.css:
(.style-declaration-section:not(.invalid-selector) > .header > .icon.toggle-able:hover):
* UserInterface/Views/CSSStyleDeclarationTextEditor.css:
(.css-style-text-editor > .CodeMirror .CodeMirror-lines .invalid-warning-marker.clickable:hover):
(.css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:hover):
(.css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:active):
* UserInterface/Views/ChartDetailsSectionRow.css:
(body.window-inactive .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox]):
* UserInterface/Views/ChartDetailsSectionRow.js:
(WebInspector.ChartDetailsSectionRow.prototype._addCheckboxColorFilter):
* UserInterface/Views/NewTabContentView.css:
(.new-tab.tab.content-view > .tab-item.disabled):
(.new-tab.tab.content-view > .tab-item:not(.disabled):hover > .box):
(.new-tab.tab.content-view > .tab-item:not(.disabled):active > .box):
* UserInterface/Views/TimelineSidebarPanel.css:
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active):
* UserInterface/Views/VisualStyleKeywordIconList.css:
(.visual-style-property-container.keyword-icon-list > .visual-style-property-value-container > .keyword-icon-list-container > .keyword-icon:not(.selected) > div):
* UserInterface/Views/VisualStyleSelectorSection.css:
(.details-section.visual-style-selector-section > .header > .controls > .visual-style-selector-section-add-rule):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@188650 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css
Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css
Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.css
Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.js
Source/WebInspectorUI/UserInterface/Views/NewTabContentView.css
Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css
Source/WebInspectorUI/UserInterface/Views/VisualStyleKeywordIconList.css
Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorSection.css

index fbe86bc..d6e8dc6 100644 (file)
@@ -1,3 +1,35 @@
+2015-08-19  Brian Burg  <bburg@apple.com>
+
+        Web Inspector: use unprefixed CSS property 'filter' instead of '-webkit-filter'
+        https://bugs.webkit.org/show_bug.cgi?id=148186
+
+        Reviewed by Dean Jackson.
+
+        * UserInterface/Views/BreakpointActionView.css:
+        (.breakpoint-action-remove-button:active):
+        * UserInterface/Views/CSSStyleDeclarationSection.css:
+        (.style-declaration-section:not(.invalid-selector) > .header > .icon.toggle-able:hover):
+        * UserInterface/Views/CSSStyleDeclarationTextEditor.css:
+        (.css-style-text-editor > .CodeMirror .CodeMirror-lines .invalid-warning-marker.clickable:hover):
+        (.css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:hover):
+        (.css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:active):
+        * UserInterface/Views/ChartDetailsSectionRow.css:
+        (body.window-inactive .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox]):
+        * UserInterface/Views/ChartDetailsSectionRow.js:
+        (WebInspector.ChartDetailsSectionRow.prototype._addCheckboxColorFilter):
+        * UserInterface/Views/NewTabContentView.css:
+        (.new-tab.tab.content-view > .tab-item.disabled):
+        (.new-tab.tab.content-view > .tab-item:not(.disabled):hover > .box):
+        (.new-tab.tab.content-view > .tab-item:not(.disabled):active > .box):
+        * UserInterface/Views/TimelineSidebarPanel.css:
+        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
+        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
+        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active):
+        * UserInterface/Views/VisualStyleKeywordIconList.css:
+        (.visual-style-property-container.keyword-icon-list > .visual-style-property-value-container > .keyword-icon-list-container > .keyword-icon:not(.selected) > div):
+        * UserInterface/Views/VisualStyleSelectorSection.css:
+        (.details-section.visual-style-selector-section > .header > .controls > .visual-style-selector-section-add-rule):
+
 2015-08-19  Joseph Pecoraro  <pecoraro@apple.com>
 
         Web Inspector: Uncaught Exception while handling event DOM.pseudoElementRemoved reloading twitter pages
index 824932d..1975763 100644 (file)
@@ -42,7 +42,7 @@
 
 .breakpoint-action-append-button:active,
 .breakpoint-action-remove-button:active {
-    -webkit-filter: brightness(50%);
+    filter: brightness(50%);
 }
 
 .breakpoint-action-append-button {
index b5411ad..6e264e1 100644 (file)
@@ -73,7 +73,7 @@
 }
 
 .style-declaration-section:not(.invalid-selector) > .header > .icon.toggle-able:hover {
-    -webkit-filter: brightness(0.9);
+    filter: brightness(0.9);
 }
 
 .style-declaration-section:not(.invalid-selector).rule-disabled > .header > .icon {
index 97d1c32..1df637c 100644 (file)
@@ -91,7 +91,7 @@
 }
 
 .css-style-text-editor > .CodeMirror .CodeMirror-lines .invalid-warning-marker.clickable:hover {
-    -webkit-filter: brightness(0.9);
+    filter: brightness(0.9);
 }
 
 .css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker {
 }
 
 .css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:hover {
-    -webkit-filter: brightness(0.9);
+    filter: brightness(0.9);
 }
 
 .css-style-text-editor > .CodeMirror .CodeMirror-lines .cubic-bezier-marker:active {
-    -webkit-filter: brightness(0.8);
+    filter: brightness(0.8);
 }
 
 .computed .css-style-text-editor > .CodeMirror .CodeMirror-lines .css-style-declaration-property.implicit,
index de6dee7..266164f 100644 (file)
@@ -82,7 +82,7 @@
 .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox]:not(:checked),
 body.window-docked-inactive .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox],
 body.window-inactive .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox] {
-    -webkit-filter: none !important;
+    filter: none !important;
 }
 
 .details-section > .content > .group > .row.chart > .defs-only {
index e2c9f6b..a4f8801 100644 (file)
@@ -162,7 +162,7 @@ WebInspector.ChartDetailsSectionRow = class ChartDetailsSectionRow extends WebIn
         this._svgFiltersElement.append(filterElement);
 
         let styleSheet = this._checkboxStyleElement.sheet;
-        styleSheet.insertRule(".details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox]." + id + " { -webkit-filter: grayscale(1) url(#" + id + ") }", 0);
+        styleSheet.insertRule(".details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > label > input[type=checkbox]." + id + " { filter: grayscale(1) url(#" + id + ") }", 0);
     }
 
     _createLegend()
index b7840b3..b26b614 100644 (file)
@@ -50,7 +50,7 @@
 
 .new-tab.tab.content-view > .tab-item.disabled {
     opacity: 0.5;
-    -webkit-filter: brightness(90%);
+    filter: brightness(90%);
 }
 
 .new-tab.tab.content-view > .tab-item > .box {
 }
 
 .new-tab.tab.content-view > .tab-item:not(.disabled):hover > .box {
-    -webkit-filter: brightness(90%);
+    filter: brightness(90%);
 }
 
 .new-tab.tab.content-view > .tab-item:not(.disabled):active > .box {
-    -webkit-filter: brightness(75%);
+    filter: brightness(75%);
 }
 
 .new-tab.tab.content-view > .tab-item > .box > img {
index 1357bd2..bbb0b4a 100644 (file)
@@ -59,15 +59,15 @@ body.window-inactive .sidebar > .panel.navigation.timeline > .status-bar {
 
 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph {
     /* Workaround for background image clipping issue on non-retina machines. See http://webkit.org/b/147346. */
-    -webkit-filter: brightness(100%);
+    filter: brightness(100%);
 }
 
 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover {
-    -webkit-filter: brightness(95%);
+    filter: brightness(95%);
 }
 
 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active {
-    -webkit-filter: brightness(80%);
+    filter: brightness(80%);
 }
 
 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording {
index 77b877f..5df9d61 100644 (file)
@@ -84,5 +84,5 @@
 }
 
 .visual-style-property-container.keyword-icon-list > .visual-style-property-value-container > .keyword-icon-list-container > .keyword-icon:not(.selected) > div {
-    -webkit-filter: opacity(0.7);
+    filter: opacity(0.7);
 }
index 5315f45..2fa0175 100644 (file)
@@ -77,7 +77,7 @@
     width: 23px;
     height: 21px;
     padding: 4px 5px;
-    -webkit-filter: opacity(0.7);
+    filter: opacity(0.7);
 }
 
 .details-section.visual-style-selector-section > .content > .selectors {