gi-feature-overwrap

overwrap feature

Wraps inner elements to hide overflowing content and adds left and right inner shadow to indicate whether more content is available or not.

Global dependencies

• gi-js-base

Installation

Install this package with sackmesser:

make feature-install-overwrap

or when sackmesser is not used:

yarn install gi-feature-overwrap

After the installation has completed, you can import the module files:

JS:

// import feature class
import Overwrap from 'gi-feature-overwrap'
// ...
base.features.add('overwrap', Overwrap)

Make sure you provide the global dependencies in your webpack config file:

new webpack.ProvidePlugin({
  base: 'gi-js-base'
})

Styles:

@import 'gi-feature-overwrap/src/style';

Browser compatibility

• Newest two browser versions of Chrome, Firefox, Safari and Edge
• IE 10 and above

Development

• make build or npm run build - Build production version of the feature.
• make dev or npm run dev - Build demo of the feature, run a watcher and start browser-sync.
• make test or npm run test - Test the feature.
• make jsdoc - Update documentation inside the docs folder.
• make publish - Publish npm package.