some devtools improvements

[themes.git] / LCARStrek / browser / devtools / netmonitor.css

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index d2fde02dbf81716465eea8cb033542f5df51266a..f73ddf94d4c2a2c7cebbe66056d203c579c5d827 100644 (file)
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -152,11 +152,38 @@ window {
   text-align: start;
 }
 
-.requests-menu-domain {
+.requests-menu-security-and-domain {
   width: 14vw;
   min-width: 10em;
 }
 
+.requests-security-state-icon {
+  -moz-margin-end: 4px;
+  -moz-image-region:rect(0px, 16px, 16px, 0px);
+}
+
+.requests-security-state-icon:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.requests-security-state-icon:active {
+  -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+
+.security-state-insecure {
+  list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
+}
+
+.security-state-secure {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https.png");
+}
+
+.security-state-broken {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
+}
+
 .requests-menu-type {
   text-align: center;
   width: 4em;
@@ -167,6 +194,11 @@ window {
   width: 8em;
 }
 
+.requests-menu-transferred {
+  text-align: center;
+  width: 8em;
+}
+
 /* Network requests table: status codes */
 
 box.requests-menu-status {
@@ -474,6 +506,20 @@ box.requests-menu-status[code^="5"] {
   transition: transform 0.2s ease-out;
 }
 
+/* Security tabpanel */
+
+.security-info-section {
+  -moz-padding-start: 1em;
+}
+
+#security-tabpanel {
+  overflow: auto;
+}
+
+#security-error-message {
+  white-space: pre-wrap;
+}
+
 /* Custom request form */
 
 #custom-pane {
@@ -665,7 +711,7 @@ box.requests-menu-status[code^="5"] {
   }
 
   .requests-menu-icon-and-file,
-  .requests-menu-domain {
+  .requests-menu-security-and-domain {
     width: 30vw;
   }