FEAT: Make side panel's width to 20%
Question
What are you trying to add to GrapesJS?
The side panel looks scrunched. Unless you've got a big desktop, I'd rather not have images from the blocks panel go off to the side. Additionally, the icons at the top e.g. "getting a new block" icon is just obscured unless you've got a decently large screen.
Describe your feature request detailed
Changing the width of the side panel from 15% to 20%, specifically the class: gjs-pn-views-container
Is there an alternative at the latest version?
[ ] Yes (descripe the alternative) [X] No
Is this related to an issue?
[ ] Yes (Give a link to the issue) [X] No
Answers (2)
The idea is to maximize the area covered by the canvas, but you can easily change panel sizes with custom css.
For sure, I just don't think the demo should look all scrunched up like that :P I suppose it's personal opinion then.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1507
How to add a custom button with custom command in default panel of grapesjs
I have integrated grapesjs with angular6. and i am getting a default panel with a select box appearing at top of screen; i want a custom bu...
Issue #1489
Multiple block mangers or filtering blocks based on critera
I would like to be able to make separate blocks into groups for different icon on panel. For instance I have buttons A, B & C on panel . "A...
Issue #1308
I am not able to insert icon and its class in html element
bm.add('test-block', { label: "Icons", category: "Prismanote Blocks", content: { script: function () { var d = window.parent.window.modalJ;...
Issue #511
Cannot edit the content after update it via block manager API
Hello @artf sorry for my last issue, I must create a new issue, my problem is got error like this EDIT : sorry i just fixed my last issue w...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.