I find the indentation of the document icons in the tree on the "Sources" tab confusing and I have stumbled over this issue repeatedly even though I spend a considerable amount of time inside the DevTools.
For example in this tree:
The folder "htmlModule" and the file "countdownTimerElement.ts" are both inside the "customElements" folder.
But at a quick glance, it looks like the "countdownTimerElement.ts" file is inside the "htmlModule" folder.
If I look carefully, I can see that the "htmlModule" has the "collapsed" icon, while the "customElements" folder has an "expanded" icon.
But this issue could completely avoided by fixing the indentation:
The situation could further improved by choosing better icons (Why are the folders so much smaller than the files? Why are the file icons orange?), but for a start, I'd be happy if the indentation could be fixed.
I find the indentation of the document icons in the tree on the "Sources" tab confusing and I have stumbled over this issue repeatedly even though I spend a considerable amount of time inside the DevTools.
For example in this tree:
The folder "htmlModule" and the file "countdownTimerElement.ts" are both inside the "customElements" folder.
But at a quick glance, it looks like the "countdownTimerElement.ts" file is inside the "htmlModule" folder.
If I look carefully, I can see that the "htmlModule" has the "collapsed" icon, while the "customElements" folder has an "expanded" icon.
But this issue could completely avoided by fixing the indentation:
The situation could further improved by choosing better icons (Why are the folders so much smaller than the files? Why are the file icons orange?), but for a start, I'd be happy if the indentation could be fixed.