Browse Source

add ability to vertically expand a specific row

pull/2/head
Raymond Hill 7 years ago
parent
commit
328f9695d8
No known key found for this signature in database GPG Key ID: 25E1490B761470C2
  1. 3
      src/css/logger-ui.css
  2. 11
      src/js/logger-ui.js

3
src/css/logger-ui.css

@ -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;
}

11
src/js/logger-ui.js

@ -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);
/******************************************************************************/

Loading…
Cancel
Save