Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save kiwiupover/f45e960b5233f59216709d9d992ffb2d to your computer and use it in GitHub Desktop.
Save kiwiupover/f45e960b5233f59216709d9d992ffb2d to your computer and use it in GitHub Desktop.
Modal Dialog Test
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember SpinJs'
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
// Have to copy this from addon due to no support for scss
.ember-modal-overlay {
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 50;
}
.ember-modal-dialog {
z-index: 50;
position: fixed;
&.ember-modal-dialog-in-place {
position: relative;
}
}
.ember-modal-dialog {
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 10px #222;
padding: 10px;
}
.ember-modal-overlay.translucent {
background-color: rgba(#808080, .77);
}
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{#modal-dialog}}Oh hai there!{{/modal-dialog}}
dave: {{ember-spinner}}
<br>
<br>
{
"version": "0.7.2",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.4.3/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember-template-compiler.js"
},
"addons": {
"ember-modal-dialog": "0.8.3",
"ember-cli-spinjs: "1.0.4"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment