Update developer-tools-template.ts: Vertical layout instead of horizo… #16921
Conversation
…ntal My templates, and I think, many other templates tend to be wider rather than longer. Changing to a stacked vertical layout between the editor box and the result box allow me to see my absurdly long one-line templates without scrolling.
|
tbh, you should really wrap those templates in the first place. usually a max 80 char width is used, in most text editors for programming. highlighting the optimal canvas: 
do the same inside dev tools and that issue is solved having said that, narrowing the screen will bring the layout as you propose already? |
|
Yes, my code is ugly, but even with the HA demo template, I have to scroll to see the whole template. I was unaware that making my window more narrow would cause the layout to be vertical, that's neat. I still think that its more usable to default to the vertical layout so that we don't have to scroll or adjust the window size to see longer lines in the template editor. I don't know programming, but I frequently find templates with long lines in sample code from the HA docs or forums as well as my own code and I think the vertical layout better accommodates such long-lined code, which is common, even if it isn't the 80 character optimal canvas. I think part of the issue is that the HA naming scheme for things is quite verbose, which I appreciate for readability, but makes for long lines of code. |
|
I think we can fine tune this a bit, but not make it vertical always. |
|
Despite having widescreen monitors, I almost always have more vertical space than horizontal space in my browsing windows because I have multiple documents/browsers open at the same time while I'm trying to figure out what I'm doing and test what I'm doing at the same time. Just fiddling around a 70%:30% split seems to work out okay. For me, the templates have much longer lines than the results. I can have a whole page of template that just returns 'day' and such. I think this would be a great thing to have in a theme so I could just set it once in the theme yaml. Is this kind of thing themable? |
|
That you don't use it doesn't mean we should not consider it. We can just change the layout based on the width of the browser window and make the ideal layout for every window size. This is not themable, it should just work for most/all users. |
|
Maybe something like this would be an alternative? https://stackoverflow.com/a/53220241 |
|
There hasn't been any activity on this pull request recently. This pull request has been automatically marked as stale because of that and will be closed if no further activity occurs within 7 days. |
|
I think this is still a relevant PR |
Seems the author abandoned it. If you want to continue, feel free to re-open this PR. |
|
I do not think that using vertical layout is a good idea. |
Proposed change
My templates, and I think, many other templates tend to be wider rather than longer.
Changing to a stacked vertical layout between the editor box and the result box allow me to see my absurdly long one-line templates without scrolling.
Type of change
I don't know what type of change this is.
Example configuration
Additional information
Change to this:
instead of:
Checklist
I don't know how to do any checks.
If user exposed functionality or configuration variables are added/changed: