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
+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
.breakpoint-action-append-button:active,
.breakpoint-action-remove-button:active {
- -webkit-filter: brightness(50%);
+ filter: brightness(50%);
}
.breakpoint-action-append-button {
}
.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 {
}
.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,
.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 {
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()
.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 {
.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 {
}
.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);
}
width: 23px;
height: 21px;
padding: 4px 5px;
- -webkit-filter: opacity(0.7);
+ filter: opacity(0.7);
}
.details-section.visual-style-selector-section > .content > .selectors {