What are you trying to add to GrapesJS? Display style inline-flex. Description: Currently the display selector of the Style Manager has only flex as option but same as block and inline-block it is useful to have inline-flex. When I try to add it manually with this (hack?): I get a result but there are many conditional...
lexoyo
For anyone looking for a solution, I didn't manage to do this by modifying the StyleManager options So here is what I did
artf
Sorry @fq-selbach but this is something that could be handled via plugins, there is no need to have this logic in the core library
fq-selbach
@artf ok, but can you tell me please how I can control the "Flex" category of the Style Manager because the logic of showing/hiding it seems to be hard-coded :-/ I can add 'inline-flex' to the "Display" selector with a plugin ... but it wi...
Version: 0.16.27 Summary: Missing media style on the duplicated component Steps to reproduce: Try to change something on Tablet or Mobile Duplicate the changed component Expected: The duplicated component has media style Actual: The duplicate component hasn't media style
artf
Thanks @tranthanhhoa I've actually fixed it already on your other issue, that one was related to the state of rules but I've noticed the same with media, so both are ready for the next release :)
GJSBlock
Thanks for reporting this, @tranthanhhoa. Thanks for sharing your report about Missing media style on the duplicated component. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/J...
I'm going to say this is both a feature request as I get into some parts of it, but also a bit of an issue. I would say it looks bad to have a project newer than 2015 that's using px for nearly everything. People are using screensizes that are only 768 pixels on the narrowest plane, whether mobile or desktop, to 2160p...
GJSBlock
Thanks for reporting this, @sadtaco. The issue with FEAT/ISSUE: CSS standards appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating...
Hi, i want to have custom blocks made of grapesjs components. I found solution how to add components: https://github.com/artf/grapesjs/issues/1334#issuecomment-411519845 but i'm struggling with adding CSS (eaiher as string or as object).
artf
You should be able to do something like this:
makkaronis4e
@artf thanks it works, but i found bug there. When you drop this block on canvas it works ok, but if you delete this element from canvas or clear whole canvas, then drop this block on canvas 2nd time, it will lose css. 2nd time, 3rd time.....
artf
@makkaronis4e for such a case, I'd ask you a reproducible demo, please
do you have a list of block icons (css class) which out of the box. I saw some good block icons on the UI, but don't want to see the full list.
artf
By default, a Font awesome library is loaded inside the editor https://github.com/artf/grapesjs/blob/347e529e23e630b7e4d003b4f40c888f2fecd738/src/editor/config/config.js#L159-L161
GJSBlock
Thanks for reporting this, @zhiyuanzhang-unai. Thanks for sharing your report about block icons list. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS ver...
Hi :wave: I am trying to load some CSS within the editor as part of the theme, I am able to link stylesheets as part of loading but the problem that I am facing is when loading the styles directly using <style> tag, I am able to view the serialized version via editor.getStyle() but editor.getCss() only contains the pr...
artf
@AadilMehrajBhat First of all, display: 'block' is not a valid CSS value for that property (it should be display: block) and then .d-block is not used anywhere in your template so the result is automatically optimized by removing unused st...
GJSBlock
Thanks for reporting this, @aadilmehrajbhat. Great question about [HELP WANTED] How to load css that can viewed in code viewer and also exported while saving. The recommended approach with StyleManager is to use the event-driven API. Start...