Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1954)

Unified Diff: Source/devtools/front_end/inspector.css

Issue 181433002: DevTools: Replace Apple styled spinner icon with Chromium one. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: removed ::before and ::after pseudos box-sizing change Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « Source/devtools/front_end/heapProfiler.css ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/devtools/front_end/inspector.css
diff --git a/Source/devtools/front_end/inspector.css b/Source/devtools/front_end/inspector.css
index 12fdbe080d177c8ef38d09ff4f67b2972bc80245..1d99d9e1f838faf7677d808c6b0abb5a046f0e0b 100644
--- a/Source/devtools/front_end/inspector.css
+++ b/Source/devtools/front_end/inspector.css
@@ -2053,6 +2053,42 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
margin-right: 3px;
}
+.sidebar-tree-item.wait .icon {
+ content: none;
+}
+
+.spinner-icon::before,
+.sidebar-tree-item.wait .icon::before {
+ display: block;
+ width: 24px;
+ height: 24px;
+ margin: 4px;
+ border: 3px solid grey;
+ border-radius: 12px;
+ clip: rect(0px, 15px, 15px, 0px);
+ content: "";
+ position: absolute;
+ -webkit-animation: spinner-animation 1s linear infinite;
+}
+
+.spinner-icon.small::before,
+.sidebar-tree-item.wait.small .icon::before {
+ width: 14px;
+ height: 14px;
+ margin: 1px;
+ clip: rect(0px, 9px, 9px, 0px);
+ border-width: 2px;
+}
+
+.sidebar-tree-item.wait.selected .icon::before {
+ border-color: white;
+}
+
+@-webkit-keyframes spinner-animation {
+ from { -webkit-transform: rotate(0); }
+ to { -webkit-transform: rotate(360deg); }
+}
+
li .status {
float: right;
height: 16px;
« no previous file with comments | « Source/devtools/front_end/heapProfiler.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698