Provide CSS for demo module

OK here is a first patch for this, next stuff is done

• updated configurations a bit to have better default values for labels and added paragraph text type
• added new css in demo module

Attaching screenshot how stuff looks now (node edit and node view)

node edit

node view

Maybe for the future we could add next things (not sure is there a real value or is it just waste of time):

• We could add aditional field for image/text combination - select box with next values: 1/4, 1/2, 2/2, 2/1, 3/1, 1/1 and then add appropriate classes for it.
• Also we could add field with standard grids rendering of images paragraph - editor could select how many items per row it wants - so we have some kind of a simple grid support

+++ b/modules/paragraphs_demo/paragraphs_demo.libraries.yml
@@ -0,0 +1,5 @@
+  version: VERSION

Yeah copy&paste error, changed it to version: 1.0

In config files 4 things are changed:

• Removed 'demo' from labels
• All field labels on display are hidden
• Added 'paragraph text' paragraph type
• Use core image styles for image displays

The rest of the stuff just came from config export - I guess because of various changes in core export.

Your suggestions about configurable layout are unclear to me. Please create separate issues so we can discuss the ideas and exchange mockups there if needed.

Its not really full configurable layout, simple idea we have one additional select box field for image/text combination with some values like: 25/75, 33/66, 50/50, 66/33, 75/25, 100/100. Then when displaying paragraph we inject value from that select box as a css class, for example paragraph-layout-25-70 and then show image with 25% width and text with 75%.
Similar for images - but it would be probably more complex for rendering because we probably need then row wrappers.

Still I don't think that this should go to paragraph_demo, this would then be paragraph_layouts, and current css from paragraph_demo would be 50/50 for image/text combination.

Note also that tools like display suite and friends can be used with Paragraphs.

Yeah we could also create templates/css for display suite. More over it seems that layout plugin will maybe go into 8.1.x core version #2296423: Implement layout plugin type in core, so i guess it has more sense to create templates based on layout_plugin module and not provide our custom solution. Our paragprah_demo would then also use this layouts and would not ship with custom css.

Here is a separate issue where we can discuss further this idea #2449347: Can we use layout_plugin module to provide different templates for paragraphs.

Attaching new patch - just version string fix.

And just did full reinstall of drupal and paragraphs_demo, everything looks OK and works as expected from my side.

If I remember correctly in D8 there is breakpoint support for image styles with responsive_image core module - are you talking about this? So I guess we do not need to worry about this in paragraphs layout it is a separate thing which should already be supported.

Thinking a bit more about repsonsivnes our paragraph layout should also be repsonsive somehow, not sure how to approach this for now, adding note to #2449347-1: Can we use layout_plugin module to provide different templates for paragraphs.

Thanks, looks great! Committed to dev.

This works for Bartik theme, but not for Bootstrap theme.

Can not seem to find the issue, any ideas?

Regards,

Hans