miguelcobain/ember-paper

The Ember approach to Material Design.

Miguel Andrade

@miguelcobain

It depends on SASS.

You don't need to write any sass at all if you want the default behavior.

Benedikt Dichgans

@benedikt-d

Yes I got it now makes sense.

Is there a possibility to use a Button with a {{link to}} helper instead of an action?

Benedikt Dichgans

@benedikt-d

I guess I would just wrap the button in a link to helper the problem is that i destroys the css of the button

Adnan Chowdhury

@bttf

hola everybody, I just tried installed ember-paper on my app using ember-cli 0.2.7 ... i'm getting the 'Error: file to import not found or unreadable: ember-paper' error, unfortunately don't know where to start on debugging this. i did try removing node_modules/bower_components and doing a cache clean and re-install to no avail

Adnan Chowdhury

@bttf

hi, I figured out that 'ember-component-css' was messing up my sass preprocessing

Brandon J McKay

@brandonjmckay

@miguelcobain how did you setup your ember-paper github pages? did you use https://github.com/poetic/ember-cli-github-pages?

Miguel Andrade

@miguelcobain

@brandonjmckay , yes I did.

Brandon J McKay

@brandonjmckay

;) thanks

Benedikt Dichgans

@benedikt-d

https://github.com/mike1o1/ember-material-design What is the difference?

Yoni Dabush

@yonida

Hey guys, just tried to install with ember 1.13 and getting lots of deprecations, i saw a issue on that

Any fix coming soon?

Kit Sunde

@kitsunde

https://github.com/mike1o1/ember-material-design What is the difference?

what he said. ;)

Kit Sunde

@kitsunde

So I installed ember-paper but my CSS only includes what's in vendor/material-icons/styles.css. It doesn't seem like the sass files are included at all.

Kit Sunde

@kitsunde

Nvm, I was confused about which .css I needed to include.

Yoni Dabush

@yonida

Need help with content security policy
I have deployed my app to s3 (2 buckets) and when i'm using a paper-icon i'm getting the following error
Font from origin 'http://assets.test.com.s3.amazonaws.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.com.s3-website-us-east-1.amazonaws.com' is therefore not allowed access.

i have added the following under environment.js contentSecurityPolicy
'font-src': "'self' fonts.gstatic.com data: use.typekit.net assets.test.com.s3.amazonaws.com"

can anyone help?

Brandon J McKay

@brandonjmckay

Sounds like an s3 configuration thing, or that you need to add the other in there as well.

but I'd think you need to be setting up access rules on s3, no?

@yonida ^^

Yoni Dabush

@yonida

thanks @brandonjmckay, i solved it by adding CORS configuration on the bucket.

Kit Sunde

@kitsunde

I'm trying to use a button as a link.

{{#link-to 'login'}}
  {{#paper-button raised=true class="md-primary" bubbles=false}}
    Login
  {{/paper-button}}
{{/link-to}}

Wraps button in a a which won't work.

{{#paper-button raised=true class="md-primary" bubbles=false}}
  {{#link-to 'login'}}
    Login
  {{/link-to}}
{{/paper-button}}

Places a in the button but the area won't be clickable. Does this mean that the only way to have a button click react like a link is to catch an action?

Poorchop

@Poorchop

Where is the source for the demo page? You explain how to create each of the components, but the existing documentation doesn't help much if we can't see all of the JavaScript and CSS behind all of the demos. I have an existing application that uses Angular Material and I am trying to port it over to Ember, and even though I was comfortable with Angular Material, I have no idea how to re-implement anything in Ember Paper, especially something like a button to toggle the sidenav that only appears in the main toolbar when the page width is small. This feature exists in the demo page, but the demo page only explains how to create a sidenav and how to create a toolbar, not how to implement the feature in question.

Poorchop

@Poorchop

You know what, forget it. Turns out that Ember Paper didn't even install properly in the first place. Apparently if you're on Windows, you can't use Ember CLI, period. Installing Ember Paper failed with some error about "can't find match of unresolved something." Ignoring the error and going ahead with ember serve anyway throws a massive list of errors about missing hammer.js or something else like that. I would give the errors in detail but I already deleted the project and creating a new project in Windows using Ember CLI takes about 6 years, so I don't feel like going through that again.

Zach McGonigal

@SirZach

@Poorchop I'm on a Mac and got the same install problem. I'm pretty sure it's not Windows specific.

dmargolies

@dmargolies

My rebuilds with ember-cli have slowed way down once I updated ember-paper. I think some bower_components were added. Anyone else see a slowdown and know how to fix it?

dmargolies

@dmargolies

nevermind. apparently its a common problem with ember-cli and text editors that create temp files

Ricardo Mendes

@locks

http://www.material-design-lite.pub/ another one

Miguel Andrade

@miguelcobain

I don't get these people. That clearly doesn't follow the specs. O.o

Ricardo Mendes

@locks

@miguelcobain ¯_(ツ)_/¯ it's a mystery to me

Miguel Andrade

@miguelcobain

The paragraph font is Helvetica. Wth.

Trym Skaar

@trym

After adding ember-paper to an empty ember app takes 16s to compile. Is this normal?

Miguel Andrade

@miguelcobain

@trym Not normal at all!

Brandon J McKay

@brandonjmckay

fyi @all there is now an #ember-paper channel in the official ember slack group

Brandon J McKay

@brandonjmckay

This chat room will no longer be used, please join the main chat room in the ember community slack

go to: https://ember-community-slackin.herokuapp.com/ to join the larger ember community chat channels

then join our new channel there, #ember-paper

Paul (xobb) Chubatyy

@Xobb

good morning. I've got a problem setting the width of the paper-content. Is there any trick or something. The width of the content area is defined by the content that is set there, but when I insert the google map there it doesn't show up as the width becomes 0. Maybe I'm missing some class name?
I have a side-bar which is fixed and I'm fine with it and I want another content area to be rest-of-the-page wide.