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

Unified Diff: Source/devtools/front_end/security/securityPanel.css

Issue 1159163005: Add a minimal Security panel to DevTools (behind a hidden experiment). (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Move sdk/SecurityManager.js to security/SecurityModel.js. forrealz. Created 5 years, 6 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: Source/devtools/front_end/security/securityPanel.css
diff --git a/Source/devtools/front_end/security/securityPanel.css b/Source/devtools/front_end/security/securityPanel.css
new file mode 100644
index 0000000000000000000000000000000000000000..0b385dab9f763c6e7fda0a280043c9ef0b3b3ad9
--- /dev/null
+++ b/Source/devtools/front_end/security/securityPanel.css
@@ -0,0 +1,36 @@
+/* Copyright (c) 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.
+ */
+
+.security.panel {
+ margin: 1em;
+}
+
+.security.panel .lock-icon,
+.security.panel .security-state {
+ display: inline-block;
+ margin: 0.2em;
+ vertical-align: middle;
+}
+
+.security.panel .lock-icon {
+ width: 16px;
+ height: 16px;
+ border-radius: 2px;
+ background-image: url(Images/securityStateHttp.png);
+ background-size: cover;
+}
+.security.panel .lock-icon-unknown {background-image: url(Images/securityStateHttp.png);}
dgozman 2015/06/16 13:42:58 Each CSS properity should be on a separate line.
lgarron 2015/06/16 19:25:43 Awwwwww. :-( Okay.
+.security.panel .lock-icon-http {background-image: url(Images/securityStateHttp.png);}
+.security.panel .lock-icon-insecure {background-image: url(Images/securityStateInsecure.png);}
+.security.panel .lock-icon-warning {background-image: url(Images/securityStateWarning.png);}
+.security.panel .lock-icon-secure {background-image: url(Images/securityStateSecure.png);}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+ .security.panel .lock-icon-unknown {background-image: url(Images/securityStateHttp_2x.png);}
+ .security.panel .lock-icon-http {background-image: url(Images/securityStateHttp_2x.png);}
+ .security.panel .lock-icon-insecure {background-image: url(Images/securityStateInsecure_2x.png);}
+ .security.panel .lock-icon-warning {background-image: url(Images/securityStateWarning_2x.png);}
+ .security.panel .lock-icon-secure {background-image: url(Images/securityStateSecure_2x.png);}
+}

Powered by Google App Engine
This is Rietveld 408576698