Browse Source
add ability to vertically expand a specific row
pull/2/head
Raymond Hill
7 years ago
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with
9 additions and
5 deletions
-
src/css/logger-ui.css
-
src/js/logger-ui.js
|
|
@ -140,13 +140,14 @@ body #content td { |
|
|
|
#content table tr td:last-of-type { |
|
|
|
border-right: none; |
|
|
|
} |
|
|
|
body.compactView #content td { |
|
|
|
body.compactView #content tr:not(.vExpanded) td { |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
#content table tr td:nth-of-type(1) { |
|
|
|
cursor: default; |
|
|
|
text-align: right; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
@ -724,10 +724,12 @@ var cleanBuffer = function() { |
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var toggleCompactView = function() { |
|
|
|
document.body.classList.toggle( |
|
|
|
'compactView', |
|
|
|
document.body.classList.contains('compactView') === false |
|
|
|
); |
|
|
|
document.body.classList.toggle('compactView'); |
|
|
|
uDom('#content table .vExpanded').removeClass('vExpanded'); |
|
|
|
}; |
|
|
|
|
|
|
|
var toggleCompactRow = function(ev) { |
|
|
|
ev.target.parentElement.classList.toggle('vExpanded'); |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
@ -897,6 +899,7 @@ uDom('#compactViewToggler').on('click', toggleCompactView); |
|
|
|
uDom('#clean').on('click', cleanBuffer); |
|
|
|
uDom('#clear').on('click', clearBuffer); |
|
|
|
uDom('#maxEntries').on('change', onMaxEntriesChanged); |
|
|
|
uDom('#content table').on('click', 'tr > td:nth-of-type(1)', toggleCompactRow); |
|
|
|
uDom('#content table').on('click', 'tr.canMtx > td:nth-of-type(2)', popupManager.toggleOn); |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|