@eeacms/volto-resize-helper

volto-resize-helper

Volto add-on: Window resize helper

Getting started

Usage

After you add this add-on to your project, the viewport width and height are available as a global state in redux store.

screen : {
hasTouchScreen: Boolean
browserToolbarHeight : Number
height: Number
width: Number

}

Try volto-resize-helper with Docker

1. Get the latest Docker images

   docker pull plone
   docker pull plone/volto
   

2. Start Plone backend

   docker run -d --name plone -p 8080:8080 -e SITE=Plone -e PROFILES="profile-plone.restapi:blocks" plone
   

3. Start Volto frontend

   docker run -it --rm -p 3000:3000 --link plone -e ADDONS="@eeacms/volto-resize-helper" plone/volto
   

4. Go to http://localhost:3000

Add volto-resize-helper to your Volto project

1. Make sure you have a Plone backend up-and-running at http://localhost:8080/Plone

2. Start Volto frontend

• If you already have a volto project, just update package.json:

  "addons": [
      "@eeacms/volto-resize-helper"
  ],
  
  "dependencies": {
      "@eeacms/volto-resize-helper": "^1.0.0"
  }
  

• If not, create one:

  npm install -g yo @plone/generator-volto
  yo @plone/volto my-volto-project --addon @eeacms/volto-resize-helper
  cd my-volto-project
  

1. Install new add-ons and restart Volto:

   yarn
   yarn start
   

2. Go to http://localhost:3000

3. Happy editing!

Release

See RELEASE.md.

How to contribute

See DEVELOP.md.

Copyright and license

The Initial Owner of the Original Code is European Environment Agency (EEA). All Rights Reserved.

See LICENSE.md for details.

Funding

European Environment Agency (EU) u)

Changelog

1.0.1 - 16 November 2022

:hammer_and_wrench: Others

• test(estlint): Fix .project.eslintrc.js [Alin Voinea - 0461413]