luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: Add selected state style

Browse source
This commit is contained in:
Rafael Cortês 2021-01-23 22:32:50 +00:00
parent 49bf898e0e
commit 242fc5ae7b
No known key found for this signature in database
GPG key ID: DB9A2ED429896D26
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/ui/css/diff2html.css
View file

@ -5,6 +5,10 @@
*
*/
.d2h-d-none {
display: none;
}
.d2h-wrapper {
text-align: left;
}
@ -79,6 +83,10 @@
padding: 4px 8px;
}
.d2h-file-collapse.d2h-selected {
background-color: #c8e1ff;
}
.d2h-file-collapse-input {
margin: 0 4px 0 0;
}

6
src/ui/js/diff2html-ui-base.ts
View file

@ -118,8 +118,10 @@ export class Diff2HtmlUI {
.closest('.d2h-file-wrapper')
?.querySelector(selector);
if (fileContents !== null && fileContents !== undefined)
fileContents.style.display = fileContents.style.display === 'none' ? '' : 'none';
if (fileContents !== null && fileContents !== undefined) {
fileContentToggleBtn.classList.toggle('d2h-selected');
fileContents.classList.toggle('d2h-d-none');
}
};
const toggleHandler: (e: Event) => void = e => {