Plone multitheme

pigeonflight · November 29, 2017, 11:58am

Here's a recipe for doing a fullwidth toggle that doesn't cause side scrolling (an issue I had with other fullwidth implementations).

gist.github.com

https://gist.github.com/pigeonflight/8835a2521749526e5b3049243c00ada3

README.md

This assumes that you're using collective.themesitesetup. I don't recommend that you use this fullwidth implementation on pages where side portlets are enabled, it tends to look "wonky".

- Include the ``fullwidth-for-mosaic.less`` file with your theme, it needs to be included as part of one of the files that gets compiled to
css.
- Create a folder in your theme and name it ``install`` then place the ``registry.xml`` in the ``install`` folder.
- Add the line below to your ``manifest.cfg`` file
```
[theme:genericsetup]
install = install
```

fullwidth-for-mosaic.less

/* ====== overrides for fullwidth ====== */
.mosaic-grid-row-fullwidth {
  padding-left: 0;
  padding-right: 0;
}
/* make the containers 100% by default */
.outer-wrapper > .container{
 width:100%;
}

This file has been truncated. show original

registry.xml

<?xml version="1.0"?>
<registry>
/* adds a custom fullwidth action */
<record name="plone.app.mosaic.default_available_actions">
    <value purge="False">
      <element>grid-row-fullwidth</element>
    </value>
</record>
<records interface="plone.app.mosaic.interfaces.IFormat"
           prefix="plone.app.mosaic.formats.grid_row_fullwidth">

This file has been truncated. show original