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

Unified Diff: ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css

Issue 874283006: Add custom Polymer network icon element (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Merge fix Created 5 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
Index: ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css
diff --git a/ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css b/ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css
new file mode 100644
index 0000000000000000000000000000000000000000..3406bcc38f2ee57dfa71f5127b8cc16db506c10f
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css
@@ -0,0 +1,47 @@
+/* Copyright 2015 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+:host {
+ display: inline-block;
+ overflow: hidden;
+ position: relative;
+}
+
+#icon {
+ height: 100%;
+ position: absolute;
+ width: 100%;
+}
+
+#icon.multi-level {
+ height: 500%;
+}
+
+#icon.level0 {
+ top: 0px;
+}
+
+#icon.level1 {
+ top: -100%;
+}
+
+#icon.level2 {
+ top: -200%;
+}
+
+#icon.level3 {
+ top: -300%;
+}
+
+#icon.level4 {
+ top: -400%;
+}
+
+#secure {
+ height: 40%;
+ margin-left: 60%;
+ margin-top: 60%;
+ position: absolute;
+ width: 40%;
+}
« no previous file with comments | « chrome/browser/ui/webui/chromeos/network_ui.cc ('k') | ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698