ember-cli-resize-browser-message
v0.0.1
Published
The default blueprint for ember-cli addons.
Downloads
3
Readme
Ember-cli-resize-browser-message
This README outlines the details of collaborating on this Ember addon.
Installation
git clone
this repositorynpm install
bower install
Running
ember server
- Visit your app at http://localhost:4200.
Running Tests
npm test
(Runsember try:testall
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://ember-cli.com/.
How To Use This Addon
This is a small addon that provides boilerplate markup, styles, and conditional formatting for yor app's browser resize message.
To install run the following command in your Ember app:
ember install ember-cli-browser-resize-message
or
npm install ember-cli-browser-resize-message --save
The resize browser message component should be placed in your application.hbs
file.
// templates/application.hbs
{{resize-browser-message}}
When the browser resize message should appear (that is what at dimensions) should be configured via media queries in your CSS.
@media all and (max-width: 300px) and (max-height: 300px) {
.resize-browser-message {
display: block;
}
}
}
If you want to display custom markup, then use the component as a block:
// templates/application.hbs
{{#resize-browser-message
// You have also have to set `customMessage` to be true
customMessage=true
}}
{{/resize-browser-message}}
There's not much to it. Good luck and have fun!