Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-07 03:12:33 +01:00
Code Issues Releases Wiki Activity

Improve tooltip for partyness information in logger

Browse Source
This commit is contained in:
Raymond Hill 2018-12-15 12:23:13 -05:00
parent 261ef8c510
commit 8214a0b17d
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/css/logger-ui.css
View File

@ -254,10 +254,12 @@ body #netInspector td {
}
#netInspector tr td:nth-of-type(5) {
cursor: default;
overflow: visible !important;
position: relative;
text-align: center;
}
#netInspector tr.tab_bts td:nth-of-type(5)::after {
/* visual for tabless network requests */
#netInspector tr.tab_bts td:nth-of-type(5)::before {
border: 5px solid #bbb;
border-bottom: 0;
border-top: 0;
@ -270,6 +272,19 @@ body #netInspector td {
width: calc(100% - 10px);
z-index: -1;
}
/* visual for quick tooltip */
#netInspector tr td[data-parties]:nth-of-type(5):hover::after {
background-color: #feb;
border: 1px outset #feb;
color: black;
content: attr(data-parties);
left: 100%;
padding: 0.4em 0.6em;
position: absolute;
text-align: left;
top: -50%;
white-space: pre;
}
#netInspector tr td:nth-of-type(6) {
text-align: right;
}

17
src/js/logger-ui.js
View File

@ -165,7 +165,7 @@ const createCellAt = function(tr, index) {
}
if ( td ) {
td.removeAttribute('colspan');
td.removeAttribute('title');
td.removeAttribute('data-parties');
td.textContent = '';
} else {
td = document.createElement('td');
@ -186,7 +186,6 @@ var createRow = function(layout) {
tr.removeAttribute('data-dochn');
tr.removeAttribute('data-filter');
tr.removeAttribute('data-tabid');
tr.removeAttribute('title');
} else {
tr = document.createElement('tr');
}
@ -318,14 +317,14 @@ var renderNetLogEntry = function(tr, details) {
}
}
td.textContent = text;
text = details.domain;
if ( details.docDomain ) {
text = details.docDomain + ' \u21d2 ' + text;
let indent = '\t';
text = details.tabDomain;
if ( details.docDomain !== details.tabDomain ) {
text += ` \u21d2\n\t${details.docDomain}`;
indent = '\t\t';
}
if ( details.tabDomain && details.tabDomain !== details.docDomain ) {
text = details.tabDomain + ' \u21d2 ' + text;
}
td.setAttribute('title', text);
text += ` \u21d2\n${indent}${details.domain}`;
td.setAttribute('data-parties', text);
}
tr.cells[5].textContent = (prettyRequestTypes[type] || type);