<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[193167] branches/safari-601-branch/Source/WebInspectorUI</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/193167">193167</a></dd>
<dt>Author</dt> <dd>timothy@apple.com</dd>
<dt>Date</dt> <dd>2015-12-03 10:53:10 -0800 (Thu, 03 Dec 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Merge <a href="http://trac.webkit.org/projects/webkit/changeset/188837">r188837</a>. rdar://problem/23221163</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branchessafari601branchSourceWebInspectorUIChangeLog">branches/safari-601-branch/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointTreeElementcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsColorPickercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDashboardContainerViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDefaultDashboardViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGoToLineDialogcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHoverMenucss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsIndeterminateProgressSpinnercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndeterminateProgressSpinner.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsMaincss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsProbeSetDataGridcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTextEditorcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineOverviewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRulercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branchessafari601branchSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/ChangeLog (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/ChangeLog 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/ChangeLog 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -1,5 +1,76 @@
</span><span class="cx"> 2015-12-02 Timothy Hatcher <timothy@apple.com>
</span><span class="cx">
</span><ins>+ Merge r188837. rdar://problem/23221163
+
+ 2015-08-23 Timothy Hatcher <timothy@apple.com>
+
+ Web Inspector: Drop webkit prefixes from animation, keyframes and transform
+ https://bugs.webkit.org/show_bug.cgi?id=148364
+
+ Reviewed by Darin Adler.
+
+ * UserInterface/Views/BreakpointTreeElement.css:
+ (.breakpoint-generic-line-icon .icon > span):
+ (.data-updated.breakpoint-generic-line-icon .icon > span):
+ * UserInterface/Views/ColorPicker.css:
+ (.color-picker > .slider):
+ * UserInterface/Views/DashboardContainerView.css:
+ (.toolbar .dashboard):
+ (.toolbar .dashboard.slide-out-up):
+ (.toolbar .dashboard.slide-out-down):
+ (.toolbar .dashboard.slide-in-up):
+ (.toolbar .dashboard.slide-in-down):
+ (@keyframes slide-top-edge):
+ (@keyframes slide-bottom-edge):
+ (@-webkit-keyframes slide-top-edge): Deleted.
+ (@-webkit-keyframes slide-bottom-edge): Deleted.
+ * UserInterface/Views/DebuggerDashboardView.css:
+ (.dashboard.debugger .navigation-bar .item.button > .glyph):
+ (@keyframes pulse-pause-button):
+ (@-webkit-keyframes pulse-pause-button): Deleted.
+ * UserInterface/Views/DefaultDashboardView.css:
+ (.toolbar .dashboard.default > .item.pulsing):
+ (@keyframes console-item-pulse):
+ (@-webkit-keyframes console-item-pulse): Deleted.
+ * UserInterface/Views/GoToLineDialog.css:
+ (.go-to-line-dialog):
+ * UserInterface/Views/HoverMenu.css:
+ (.hover-menu):
+ * UserInterface/Views/IndeterminateProgressSpinner.css:
+ (@keyframes discrete-spinner):
+ (.indeterminate-progress-spinner):
+ (@-webkit-keyframes discrete-spinner): Deleted.
+ * UserInterface/Views/Main.css:
+ (.bouncy-highlight):
+ (@keyframes bouncy-highlight-animation):
+ (@-webkit-keyframes bouncy-highlight-animation): Deleted.
+ * UserInterface/Views/ProbeSetDataGrid.css:
+ (.details-section.probe-set .data-grid tr.revealed.highlighted):
+ (@keyframes blink-frame-highlight):
+ (.details-section.probe-set .data-grid > tr.data-updated):
+ (@keyframes blink-probe-frame):
+ (@-webkit-keyframes blink-frame-highlight): Deleted.
+ (@-webkit-keyframes blink-probe-frame): Deleted.
+ * UserInterface/Views/TextEditor.css:
+ (.text-editor > .CodeMirror .highlighted):
+ (@keyframes text-editor-highlight-fadeout):
+ (.text-editor > .CodeMirror .hovered-expression-highlight):
+ (@keyframes text-editor-hovered-expression-highlight-fadeout):
+ (@-webkit-keyframes text-editor-highlight-fadeout): Deleted.
+ (@-webkit-keyframes text-editor-hovered-expression-highlight-fadeout): Deleted.
+ * UserInterface/Views/TimelineOverview.css:
+ (.timeline-overview.frames > .timeline-ruler > .markers > .divider):
+ (.timeline-overview.frames > .timeline-ruler:not(.both-handles-clamped) > .selection-handle.right):
+ (.timeline-overview.frames > .timeline-ruler:not(.both-handles-clamped) > .shaded-area.right):
+ * UserInterface/Views/TimelineRuler.css:
+ (.timeline-ruler > .header > .divider):
+ (.timeline-ruler > .markers > .divider):
+ (.timeline-ruler > .markers > .marker):
+ (.timeline-ruler > .selection-handle.left):
+ (.timeline-ruler > .selection-handle.right):
+
+2015-12-02 Timothy Hatcher <timothy@apple.com>
+
</ins><span class="cx"> Merge r188818. rdar://problem/23221163
</span><span class="cx">
</span><span class="cx"> 2015-08-21 Saam barati <sbarati@apple.com>
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointTreeElementcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -69,14 +69,14 @@
</span><span class="cx"> left: 0;
</span><span class="cx">
</span><span class="cx"> border-radius: 50%;
</span><del>- -webkit-transform: scale(0);
</del><ins>+ transform: scale(0);
</ins><span class="cx"> transition: none;
</span><span class="cx"> background-color: hsl(216, 30%, 42%);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-updated.breakpoint-generic-line-icon .icon > span {
</span><span class="cx"> border-radius: 0;
</span><del>- -webkit-transform: scale(0.85);
</del><ins>+ transform: scale(0.85);
</ins><span class="cx"> transition: all .4s ease-out;
</span><span class="cx"> background-color: hsla(216, 30%, 42%, 0.1);
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsColorPickercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -37,8 +37,8 @@
</span><span class="cx"> .color-picker > .slider {
</span><span class="cx"> top: 7px;
</span><span class="cx"> width: 196px;
</span><del>- -webkit-transform: rotate(-90deg) translateX(-100%);
- -webkit-transform-origin: 0 0;
</del><ins>+ transform: rotate(-90deg) translateX(-100%);
+ transform-origin: 0 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .color-picker > .slider > img {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDashboardContainerViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -74,7 +74,7 @@
</span><span class="cx">
</span><span class="cx"> padding: 0 10px 0 5px;
</span><span class="cx">
</span><del>- -webkit-animation-duration: 0.4s;
</del><ins>+ animation-duration: 0.4s;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.visible {
</span><span class="lines">@@ -86,38 +86,38 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.slide-out-up {
</span><del>- -webkit-animation-name: slide-top-edge;
- -webkit-animation-direction: reverse;
</del><ins>+ animation-name: slide-top-edge;
+ animation-direction: reverse;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.slide-out-down {
</span><del>- -webkit-animation-name: slide-bottom-edge;
</del><ins>+ animation-name: slide-bottom-edge;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.slide-in-up {
</span><del>- -webkit-animation-name: slide-bottom-edge;
- -webkit-animation-direction: reverse;
</del><ins>+ animation-name: slide-bottom-edge;
+ animation-direction: reverse;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.slide-in-down {
</span><del>- -webkit-animation-name: slide-top-edge;
</del><ins>+ animation-name: slide-top-edge;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes slide-top-edge {
</del><ins>+@keyframes slide-top-edge {
</ins><span class="cx"> from {
</span><del>- -webkit-transform: translateY(-30px);
</del><ins>+ transform: translateY(-30px);
</ins><span class="cx"> }
</span><span class="cx"> to {
</span><del>- -webkit-transform: translateY(0);
</del><ins>+ transform: translateY(0);
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes slide-bottom-edge {
</del><ins>+@keyframes slide-bottom-edge {
</ins><span class="cx"> from {
</span><del>- -webkit-transform: translateY(0);
</del><ins>+ transform: translateY(0);
</ins><span class="cx"> }
</span><span class="cx"> to {
</span><del>- -webkit-transform: translateY(30px);
</del><ins>+ transform: translateY(30px);
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -58,17 +58,17 @@
</span><span class="cx"> .dashboard.debugger .navigation-bar .item.button > .glyph {
</span><span class="cx"> width: 16px;
</span><span class="cx"> height: 16px;
</span><del>- -webkit-animation-name: pulse-pause-button;
- -webkit-animation-duration: 1s;
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
</del><ins>+ animation-name: pulse-pause-button;
+ animation-duration: 1s;
+ animation-timing-function: ease-out;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
</ins><span class="cx"> background-color: hsl(207, 46%, 59%) !important;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes pulse-pause-button {
- from { opacity: 0.7; -webkit-transform: scale(1); }
- to { opacity: 1; -webkit-transform: scale(1.1); }
</del><ins>+@keyframes pulse-pause-button {
+ from { opacity: 0.7; transform: scale(1); }
+ to { opacity: 1; transform: scale(1.1); }
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dashboard.debugger > .divider {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDefaultDashboardViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -164,11 +164,11 @@
</span><span class="cx"> /* Styles for the pulsing animated state of console items */
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item.pulsing {
</span><del>- -webkit-animation-name: console-item-pulse;
- -webkit-animation-duration: 0.75s;
</del><ins>+ animation-name: console-item-pulse;
+ animation-duration: 0.75s;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes console-item-pulse {
</del><ins>+@keyframes console-item-pulse {
</ins><span class="cx"> 50% { opacity: 0.6; }
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGoToLineDialogcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -30,7 +30,7 @@
</span><span class="cx"> width: calc(100% - 40px);
</span><span class="cx"> max-width: 452px;
</span><span class="cx"> height: 38px;
</span><del>- -webkit-transform: translate(-50%, -50%);
</del><ins>+ transform: translate(-50%, -50%);
</ins><span class="cx"> padding: 3px;
</span><span class="cx"> border-radius: 5px;
</span><span class="cx"> background-color: hsla(0, 0%, 90%, 0.95);
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHoverMenucss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -26,7 +26,7 @@
</span><span class="cx"> .hover-menu {
</span><span class="cx"> position: absolute;
</span><span class="cx">
</span><del>- -webkit-transform: translate(-1px, -1px);
</del><ins>+ transform: translate(-1px, -1px);
</ins><span class="cx">
</span><span class="cx"> pointer-events: none;
</span><span class="cx"> opacity: 0;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsIndeterminateProgressSpinnercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndeterminateProgressSpinner.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndeterminateProgressSpinner.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndeterminateProgressSpinner.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -24,7 +24,7 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> /* These keyframes try to reproduce the 12 discrete steps seen in a standard system progress indicator. */
</span><del>-@-webkit-keyframes discrete-spinner {
</del><ins>+@keyframes discrete-spinner {
</ins><span class="cx"> 0% {
</span><span class="cx"> background-image: url(../Images/IndeterminateProgressSpinner1.svg);
</span><span class="cx"> }
</span><span class="lines">@@ -86,8 +86,8 @@
</span><span class="cx"> width: 16px;
</span><span class="cx"> height: 16px;
</span><span class="cx">
</span><del>- -webkit-animation-name: discrete-spinner;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: step-start;
</del><ins>+ animation-name: discrete-spinner;
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ animation-timing-function: step-start;
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsMaincss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -336,25 +336,25 @@
</span><span class="cx"> -webkit-user-select: none;
</span><span class="cx"> pointer-events: none;
</span><span class="cx">
</span><del>- -webkit-animation-name: bouncy-highlight-animation;
- -webkit-animation-duration: 750ms;
- -webkit-animation-timing-function: ease-in-out;
</del><ins>+ animation-name: bouncy-highlight-animation;
+ animation-duration: 750ms;
+ animation-timing-function: ease-in-out;
</ins><span class="cx">
</span><span class="cx"> opacity: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes bouncy-highlight-animation {
</del><ins>+@keyframes bouncy-highlight-animation {
</ins><span class="cx"> 0% {
</span><del>- -webkit-transform: scale(1);
</del><ins>+ transform: scale(1);
</ins><span class="cx"> opacity: 1;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> 12.5% {
</span><del>- -webkit-transform: scale(1.25);
</del><ins>+ transform: scale(1.25);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> 25% {
</span><del>- -webkit-transform: scale(1);
</del><ins>+ transform: scale(1);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> 62.5% {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsProbeSetDataGridcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -35,13 +35,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid tr.revealed.highlighted {
</span><del>- -webkit-animation-duration: 2s;
</del><ins>+ animation-duration: 2s;
</ins><span class="cx"> animation-timing-function: ease;
</span><del>- -webkit-animation-iteration-count: infinite;
- -webkit-animation-name: blink-frame-highlight;
</del><ins>+ animation-iteration-count: infinite;
+ animation-name: blink-frame-highlight;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes blink-frame-highlight {
</del><ins>+@keyframes blink-frame-highlight {
</ins><span class="cx"> 0% {
</span><span class="cx"> background-color: hsla(262, 44%, 60%, 0.8);
</span><span class="cx"> }
</span><span class="lines">@@ -60,11 +60,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid > tr.data-updated {
</span><del>- -webkit-animation-duration: 0.3s;
- -webkit-animation-name: blink-probe-frame;
</del><ins>+ animation-duration: 0.3s;
+ animation-name: blink-probe-frame;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes blink-probe-frame {
</del><ins>+@keyframes blink-probe-frame {
</ins><span class="cx"> 0% {
</span><span class="cx"> background-color: hsl(262, 44%, 60%);
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTextEditorcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -103,19 +103,19 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .text-editor > .CodeMirror .highlighted {
</span><del>- -webkit-animation: "text-editor-highlight-fadeout" 2s;
</del><ins>+ animation: "text-editor-highlight-fadeout" 2s;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes text-editor-highlight-fadeout {
</del><ins>+@keyframes text-editor-highlight-fadeout {
</ins><span class="cx"> from { background-color: highlight; }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .text-editor > .CodeMirror .hovered-expression-highlight {
</span><del>- -webkit-animation: "text-editor-hovered-expression-highlight-fadeout" 2s;
</del><ins>+ animation: "text-editor-hovered-expression-highlight-fadeout" 2s;
</ins><span class="cx"> background-color: hsla(0, 0%, 0%, 0.1);
</span><span class="cx"> }
</span><span class="cx">
</span><del>-@-webkit-keyframes text-editor-hovered-expression-highlight-fadeout {
</del><ins>+@keyframes text-editor-hovered-expression-highlight-fadeout {
</ins><span class="cx"> from { background-color: highlight; }
</span><span class="cx"> to { background-color: hsla(0, 0%, 0%, 0.1); }
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineOverviewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -55,15 +55,15 @@
</span><span class="cx">
</span><span class="cx"> .timeline-overview.frames > .timeline-ruler > .header > .divider,
</span><span class="cx"> .timeline-overview.frames > .timeline-ruler > .markers > .divider {
</span><del>- -webkit-transform: translateX(0px);
</del><ins>+ transform: translateX(0px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview.frames > .timeline-ruler:not(.both-handles-clamped) > .selection-handle.right {
</span><del>- -webkit-transform: translateX(5px);
</del><ins>+ transform: translateX(5px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview.frames > .timeline-ruler:not(.both-handles-clamped) > .shaded-area.right {
</span><del>- -webkit-transform: translateX(1px);
</del><ins>+ transform: translateX(1px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview > .graphs-container {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRulercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css (193166 => 193167)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2015-12-03 18:53:02 UTC (rev 193166)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2015-12-03 18:53:10 UTC (rev 193167)
</span><span class="lines">@@ -61,7 +61,7 @@
</span><span class="cx"> width: 1px;
</span><span class="cx"> top: 0;
</span><span class="cx"> bottom: 0;
</span><del>- -webkit-transform: translateX(-1px);
</del><ins>+ transform: translateX(-1px);
</ins><span class="cx"> background-image: linear-gradient(to bottom, hsla(0, 0%, 70%, 0), hsla(0, 0%, 70%, 2) 85%);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -92,7 +92,7 @@
</span><span class="cx"> width: 1px;
</span><span class="cx"> top: 1px;
</span><span class="cx"> bottom: 0;
</span><del>- -webkit-transform: translateX(-1px);
</del><ins>+ transform: translateX(-1px);
</ins><span class="cx"> background-color: hsla(0, 0%, 0%, 0.05);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -101,7 +101,7 @@
</span><span class="cx"> top: 0;
</span><span class="cx"> bottom: 0;
</span><span class="cx">
</span><del>- -webkit-transform: translateX(-1px);
</del><ins>+ transform: translateX(-1px);
</ins><span class="cx">
</span><span class="cx"> border-left-width: 1px;
</span><span class="cx"> border-left-style: dashed;
</span><span class="lines">@@ -178,11 +178,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .selection-handle.left {
</span><del>- -webkit-transform: translateX(-4px);
</del><ins>+ transform: translateX(-4px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .selection-handle.right {
</span><del>- -webkit-transform: translateX(4px);
</del><ins>+ transform: translateX(4px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .shaded-area {
</span></span></pre>
</div>
</div>
</body>
</html>