Customize size of right hand sidebar

[kadencartwright]

It would be nice if the right hand sidebar width could be customized. I have a custom rich text field I'm working on that could benefit from some extra horizontal space. I'd be willing to wager that this would be broadly beneficial for puck users. I don't have a specific fix in mind, but some options I've thought about are as follows

• Keep the side bar sized to a static value, but allow this static value to be overridden via props on the component. It looks like this value comes from here currently
• Allow the user to click and drag on the left hand edge of the sidebar, dynamically growing or shrinking (kind of) similar to how the html component works</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/chrisvxd"><img src="https://avatars.githubusercontent.com/u/985961?v=4" />chrisvxd</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Great request @kadencartwright</p> <p>You've found the right value. The styles in the root Puck component are a bit clunky (and still inline 🐒)</p> <p>I think the second option definitely sounds like a good idea.</p> <p>The first option does too, although I'm not sure whether it would be better solved as part of #139, or separately.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>