Suggestion for 'Edit' view for Chord Chart Studio

[sgipianobuddha]

I'm really enjoying your app, @no-chris.
I'm going through my cover-songbook that is currently pencil/paper and upgrading it.
I'm getting faster at importing lyrics and applying the ChordMark code.
One thing that's slowing me down, however, is that the layout I use for the finished (pdf) product isn't like your examples. Whereas your examples contain short lyric lines (like a poem) that extend max half-page, I like longer lyric lines that go all the way across the page (like prose).
I'm finding it slow-going because I need to toggle between 'Edit' view and 'Print/PDF Preview' to make sure the code I'm inputting is coming out the way I'd like.
I wish you had an option to hide the "Result Preview" column in the 'Edit' view. This way, my code would extend across the page farther, instead of wrapping to the half-page column.
The two columns in 'Edit' view also slow me down, because whenever I toggle back from Print/PDF Preview' view to 'Edit' view, the coding column resets to the top, which means I must scroll down and find my place each time; this takes the most time!
Thank you for considering my suggestion.

[no-chris]

Thanks for the suggestion. This sounds like a reasonable feature request and rather easy to implement. I cannot commit to a timeframe for implementing it though, as I have very little available free time on my hand currently.

But I can think of a workaround, if you are able to add a custom CSS rule to Chord Chart Studio then it should be easy enough to hide. After a quick search it seems that there is a Chrome extension that is doing just that: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
I haven't tried it myself though.

If it works, the following rules should do the trick:

.songEditor-source {
    flex: 1 1 100%;
}
.songEditor-preview {
    display: none;
}

Let me know if you need help adding them

[sgipianobuddha]

Thanks Christophe! Unfortunately coding/programing isn’t my strong suit. I’ll just wait for you to find time to make the update. Cheers, Sam

…

On Oct 29, 2023, at 5:23 PM, Christophe Noël ***@***.***> wrote: Thanks for the suggestion. This sounds like a reasonable feature request and rather easy to implement. I cannot commit to a timeframe for implementing it though, as I have very little available free time on my hand currently. But I can think of a workaround, if you are able to add a custom CSS rule to Chord Chart Studio then it should be easy enough to hide. After a quick search it seems that there is a Chrome extension that is doing just that: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en I haven't tried it myself though. If it works, the following rules should do the trick: .songEditor-source { flex: 1 1 100%; } .songEditor-preview { display: none; } Let me know if you need help adding them — Reply to this email directly, view it on GitHub <#631 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BDOLRVZHJCZDLGMCRTARZE3YB23NZAVCNFSM6AAAAAA6UISIQOVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TIMJXG43TG>. You are receiving this because you authored the thread.

[no-chris]

Really, it's no big deal and you don't need developer knowledge.

Just install the extension and copy/paste the styles in the editor with the current tab opened on Chord Chart Studio

[sgipianobuddha]

Ok thanks! I’ve tried it and got it to work in Chrome. Trouble is, I have been using the app mostly in my Safari browser, so I’ve got a bunch of charts already input in Safari. How can I… 1) Do the same (or similar) extension (Stylish) in Safari 17, or 2) Transfer the charts I’ve input via Safari 17 into my Chrome browser? Thanks again, SAM

…

On Oct 30, 2023, at 4:00 PM, Christophe Noël ***@***.***> wrote: Really, it's no big deal and you don't need developer knowledge. Just install the extension and copy/paste the styles in the editor with the current tab opened on Chord Chart Studio <https://user-images.githubusercontent.com/11467480/279180507-0c7c1f38-b7b8-496b-8e1f-0764ceec2dac.png> — Reply to this email directly, view it on GitHub <#631 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BDOLRV5EG6ZD7LC5KD36ZU3YCABOTAVCNFSM6AAAAAA6UISIQOVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TIMRYGAZTK>. You are receiving this because you authored the thread.