X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fnetmonitor.css;h=88fc40897f1699c5a0ce08aeba17cdc25e3c714c;hp=d2fde02dbf81716465eea8cb033542f5df51266a;hb=64d04cff9b53a4df8094b4278243df7ae2c9b251;hpb=de5e780daa5242500976dde56483222a51ecdae5 diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index d2fde02d..88fc4089 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -152,11 +152,43 @@ 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-weak { + cursor: pointer; + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.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 +199,11 @@ window { width: 8em; } +.requests-menu-transferred { + text-align: center; + width: 8em; +} + /* Network requests table: status codes */ box.requests-menu-status { @@ -189,6 +226,11 @@ box.requests-menu-status:not([code]) { background-color: #A09090; /* dark grey */ } +box.requests-menu-status[code="cached"] { + border: 2px solid #A09090; /* dark grey */ + background-color: transparent; +} + box.requests-menu-status[code^="1"] { background-color: #9C9CFF; /* light blue */ } @@ -364,7 +406,7 @@ box.requests-menu-status[code^="5"] { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #details-pane-toggle { list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); @@ -399,6 +441,7 @@ box.requests-menu-status[code^="5"] { } .tabpanel-summary-value { + color: inherit; -moz-padding-start: 3px; } @@ -474,6 +517,31 @@ 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-warning-icon { + background-image: url("alerticon-warning.png"); + background-size: 13px 12px; + -moz-margin-start: 5px; + vertical-align: top; + width: 13px; + height: 12px; +} + +@media (min-resolution: 1.25dppx) { + .security-warning-icon { + background-image: url("alerticon-warning@2x.png"); + } +} + /* Custom request form */ #custom-pane { @@ -534,6 +602,28 @@ box.requests-menu-status[code^="5"] { font-weight: 600; } +#requests-menu-filter-freetext-text { + transition-property: max-width, -moz-padding-end, -moz-padding-start; + transition-duration: 250ms; + transition-timing-function: ease; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box { + overflow: hidden; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) { + max-width: 20px !important; + -moz-padding-end: 5px; + -moz-padding-start: 22px; + background-position: 8px center, top left, top left; +} + +#requests-menu-filter-freetext-text[focused], +#requests-menu-filter-freetext-text[filled] { + max-width: 200px !important; +} + /* Performance analysis buttons */ #requests-menu-network-summary-button { @@ -665,7 +755,7 @@ box.requests-menu-status[code^="5"] { } .requests-menu-icon-and-file, - .requests-menu-domain { + .requests-menu-security-and-domain { width: 30vw; }