abaldwin99 / consultant-calc Goto Github PK

I want the number pad to come up on mobile devices instead of qwerty layout. So I need the type="number" attribute. Unfortunately on desktops this binds the scroll wheel to increment the field's value. I have a work around implemented from here...

http://stackoverflow.com/questions/9712295/disable-scrolling-on-input-type-number

BUT this disables the default scrolling feature when the user hovers over a focused input. Needs further research. Plan B is to detect the browser type and add type="number" dynaimcally.

Using angular's routing has created a conflict with the material design layout. The checkbox has disappeared because $.material.init(); isn't called after the templates are loaded. Need to implement solution from here: https://github.com/FezVrasta/bootstrap-material-design/issues/191

There is a noticeable delay between tapping the checkmark and the animation starting. I'd rather have it fill in immediately than have a fancy animation that lags. The following css snippet kills the animations. Need to test that it works before commiting.

.checkbox .checkbox-material .check:before {
    animation: checkbox-off .01s forwards;
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
    animation: rippleOff .01s forwards
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
    animation: checkbox-on .01s forwards;
}

.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
    animation: rippleOff .01s;
}

.checkbox input[type=checkbox]:checked + .checkbox-material:before {
    animation: rippleOn .01s;
}

.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
    animation: rippleOff .01s forwards;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
    animation: rippleOn .01s forwards;
}

Need to replace these quick shims with proper css spacing.

https://github.com/blah73/consultant-calc/blob/979a159f8275afa68987f1d738a621057eaaaeb8/index.html#L125-L127

Doing so will make the code a bit cleaner and standardized. Also will allow direct linking to the about page.

Considering Bower and Grunt.

Would be a nice feature if users could save their own default settings. i.e. user can set whether tax shipping is checked by default

When selecting navbar items they animate twice. Not very pretty.

To start this project I used https://github.com/IronSummitMedia/startbootstrap-bare which is licensed under Apache. I'd like the license to be pure MIT so I will need to find a replacement bootstrap boilerplate or make my own.