Extends the Chrome Developer Tools, adding a new Network Panel in the Developer Tools window with better searching and response previews. https://leviolson.com/posts/chrome-ext-better-network-panel
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

439 lines
8.5 KiB

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #fff;
margin: 0;
position: relative;
}
div.wrap {
margin: 0px;
background-color: #EFEFEF;
}
div.wrap input {
border: 1px solid darkgray;
width: 260px;
border-radius: 0px;
margin: 0;
padding: 2px 8px;
}
div.wrap span.label {
margin: 0 10px;
}
div.wrap span.searchterm {
background-color: #8aff75;
border-radius: 3px;
padding: 3px 6px;
margin: 1px 0;
display: inline-block;
}
div.wrap span.searchterm.neg {
background-color: #ec7b79;
}
div.wrap span.operator {
font: normal normal bold 11px/25px sans-serif;
cursor: pointer;
display: inline-block;
width: 25px;
text-align: center;
}
div.wrap span.recent {
padding-left: 75px;
}
div.wrap div#recent-searches {
display: inline;
}
div.wrap span.recents {
background-color: #a8ff99;
border-radius: 3px;
padding: 3px 6px;
margin: 1px 10px 2px 0px;
display: inline-block;
color: gray;
}
div.wrap span.recents.neg {
background-color: #ffbdbd;
}
table.styled th,
table.styled td {
text-align: left;
}
.toolbar {
padding: 2px 4px;
text-align: right;
}
.toolbar a {
color: dimgray;
cursor: default;
font-size: 15px;
padding: 0 5px;
text-decoration: none;
}
.toolbar a:hover {
color: #3b3b3b;
text-decoration: none;
}
.toolbar a.selected {
color: #3e82f0;
text-decoration: none;
}
.toolbar a.selected:hover {
color: #196cfb;
text-decoration: none;
}
.top-border {
border-top: 1px solid #ddd;
}
.split-view {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.split-view-contents {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.split-view-contents-details {
top: 34%;
}
@media screen and (max-width: 1200px) {
div.wrap span.recent {
display: inline-block;
padding: 0px 10px 0 273px;
margin: 8px 0 0 0;
}
.split-view-contents-requests {
bottom: 66%;
}
}
@media screen and (min-width: 1200px) {
.split-view-contents {
width: 50%;
}
.split-view-contents-requests {
right: unset;
}
.split-view-contents-details {
top: 0;
left: unset;
border-left: 1px solid #555;
}
br.mobile {
display: none;
}
}
.data-grid {
border: none;
height: 100%;
}
.data-grid table.styled {
border-collapse: collapse;
border-spacing: 0;
font-size: 11px;
table-layout: fixed;
width: 100%;
}
.data-grid table.styled th {
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
height: 25px;
padding: 0 4px;
white-space: nowrap;
}
.data-grid table.styled td {
border-right: 1px solid #cdcdcd;
overflow: hidden;
padding: 0px 5px;
vertical-align: middle;
white-space: nowrap;
}
.data-grid table.styled tr:first-child td {
border-top: 1px solid #cdcdcd;
}
.data-grid-requests {
cursor: unset;
}
.data-grid-requests table.styled {
line-height: 1.4;
}
.data-grid-requests table.styled th {
font-weight: normal;
overflow: hidden;
}
.data-grid-requests table.styled td.duration {
text-align: right;
}
.data-grid-requests table.styled td.method,
.data-grid-requests table.styled td.time,
.data-grid-requests table.styled td.datetime,
.data-grid-requests table.styled td.format,
.data-grid-requests table.styled td.status,
.data-grid-requests table.styled td.duration {
background: #f1f1f1;
}
.data-grid-requests table.styled tr:nth-child(even):not(.filler) {
background: #f3f3f3;
}
.data-grid-requests table.styled tr:nth-child(even) td.method,
.data-grid-requests table.styled tr:nth-child(even) td.time,
.data-grid-requests table.styled tr:nth-child(even) td.datetime,
.data-grid-requests table.styled tr:nth-child(even) td.format,
.data-grid-requests table.styled tr:nth-child(even) td.status,
.data-grid-requests table.styled tr:nth-child(even) td.duration {
background: #f1f1f1;
}
.data-grid-requests table.styled tr.selected td {
background: #3883fa !important;
color: white;
}
.data-grid-requests table.styled tr.selected td small {
color: white;
}
.data-grid-requests table.styled tr.separator {
cursor: pointer;
max-height: 6px;
height: 6px;
line-height: 6px;
}
.data-grid-requests table.styled tr.separator td {
background-color: #d6e6ff !important;
color: #d6e6ff !important;
border-right: 1px solid #d6e6ff !important;
}
.data-grid-requests small {
color: gray;
font-size: 100%;
}
.data-grid-requests .apextype {
width: 15%;
}
.data-grid-requests .apexmethod {
width: 12%;
}
.data-grid-requests .method,
.data-grid-requests .time,
.data-grid-requests .format,
.data-grid-requests .status {
text-align: center;
width: 6%;
}
.data-grid-requests .datetime {
text-align: center;
width: 9%;
}
.data-grid-requests .duration {
width: 80px;
}
.data-grid-requests .notificationsCount {
background: rgba(255, 255, 255, 0.8);
float: right;
height: 100%;
letter-spacing: -0.5px;
line-height: 29px;
padding-left: 4px;
padding-right: 4px;
position: relative;
right: -4px;
}
.data-grid-requests .notificationsCount .errorsCount i {
color: #cd492e;
margin-left: 2px;
}
.data-grid-requests .notificationsCount .warningsCount i {
color: #f4bd00;
margin-left: 2px;
}
.data-grid-requests .selected .notificationsCount {
background: inherit;
}
.data-grid-requests .selected .notificationsCount .errorsCount i {
color: #fff;
}
.data-grid-requests .selected .notificationsCount .warningsCount i {
color: #fff;
}
.data-grid-requests .data .saml {
font-weight: bold;
}
.data-grid-details table.styled {
font-size: 12px;
margin-bottom: 6px;
table-layout: fixed;
border: 1px solid #cdcdcd;
}
.data-grid-details table.styled tr:nth-child(even) {
background: #eaf3ff;
}
.data-grid-details table.styled th {
border-bottom: none;
border-right: none;
font-size: 12px;
font-weight: bold;
height: 18px;
padding: 0 4px;
white-space: nowrap;
}
.data-grid-details table.styled td {
border-right: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
height: auto;
line-height: 16px;
vertical-align: top;
white-space: normal;
word-wrap: break-word;
}
.data-grid-details table.styled th:last-child,
.data-grid-details table.styled td:last-child {
border-right: none;
}
.data-grid-details .key {
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.data-container {
overflow-x: hidden;
overflow-y: overlay;
height: calc(100% - 25px);
}
.data-container table.styled {
height: 100%;
}
.data-container table.styled tr {
height: 20px;
}
.data-container table.styled tr.sizing {
height: 0;
}
.data-container table.styled tr.sizing td {
padding: 0;
}
.data-container table.styled tr.filler {
display: table-row;
height: auto;
}
.data-container table.styled tr.filler td {
padding: 0;
}
.data-container .data .saml {
font-weight: bold;
}
.clickable {
cursor: pointer;
}
.tabbed-pane {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
height: 100%;
width: 100%;
}
.tabbed-pane-header {
border-bottom: 1px solid #cdcdcd;
padding-left: 0;
padding-top: 1px;
white-space: nowrap;
height: 26px;
background: #efefef;
}
.tabbed-pane-header-contents {
margin: 0 10px;
}
.tabbed-pane-header-tabs {
margin: 0;
min-width: 300px;
padding: 0;
position: relative;
top: 1px;
}
.tabbed-pane-header-tab {
border: 1px solid transparent;
border-bottom: none;
float: left;
font-size: 11px;
height: 21px;
margin-top: 2px;
overflow: hidden;
padding: 1px 6px 1px 6px;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
.tabbed-pane-header-tab-title {
color: #000;
display: block;
font-size: 12px;
min-width: 40px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.tabbed-pane-header .ui-tabs-active {
background-color: white;
border: 1px solid #cdcdcd;
border-bottom: none;
}
.tabbed-pane-header-tab, .tabbed-pane-header-tab a, .tabbed-pane-header-tab a:active {
outline: none;
}
.tabbed-pane-content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
overflow: auto;
padding: 0px;
position: relative;
height: calc(100% - 24px);
}
#tab-request-stats,
#tab-response-stats {
padding: 10px;
}
th.request {
position: relative;
}
#tab-response table.styled {
margin-bottom: 20px;
}
input[type=file] {
display: none;
}
.CodeMirror {
height: calc(100% - 26px);
}
/*# sourceMappingURL=panel.css.map */