search

meteor-useraccounts / materialize

Accounts Templates styled for Materialize.
http://useraccounts.meteor.com/
MIT License
49 stars 26 forks source link

div wrapper styles in full_page_at_form.html #12

Closed ricardo-valerio closed 9 years ago

ricardo-valerio commented 9 years ago

Hi, First of all thank you for this awesome package, I'm a beginner in the meteor world ( or webdev in general) and never felt so excited in learning a web technology. I'm trying to create a login page to suit mobile screen sizes, and I noticed that on my tablet the size of the buttons don't fit quite well and I searched in the repo and came to the conclusion that's because the wrapper div inline styles inside the full_page_at_form.html file.

<div class="row">
    <div class="col s12 m8 offset-m2 l4 offset-l4 z-depth-1">
        {{> at_form}}
    </div>
 </div>

screen shot 2015-07-01 at 07 04 33

I would like to have bigger sizes for medium and larger, but I can't see how to achieve this..

Is there a way to change these styles inside the AccountsTemplates.configure object? Or perhaps it would be better to add an id to this div to let us define styles that precede in css importance, idk.. what's the best solution? thank you in advance

splendido commented 9 years ago

Hi @rvnerd. I'm sorry for the late reply. I've been away from home for a long time...

If you think everyone would benefit from bigger sizes, please feel free to play a little with them and submit a Pull Request to change the code (or simply state the better values and I'll change them).

Differently, you could define your own version of fullPageAtForm template and instruct AT to use yours in place of the default one: see the template parameter in the Routing section of the guide.

100ideas commented 9 years ago

I want to customize the default template too... just add a couple specific classes etc.