fixed mobile footer layout

This commit is contained in:
David Baldwynn 2016-04-20 13:09:06 -04:00
parent 81930673e9
commit 8f84c73e63
8 changed files with 42 additions and 27 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -199,7 +199,18 @@ form .row.field {
border-width: 0 0 2px 0; border-width: 0 0 2px 0;
border-radius: 5px; border-radius: 5px;
} }
form .dropdown > .field-input .ui-select-choices-row-inner {
form .row.field.dropdown > .field-input input:focus {
border: none;
}
form .row.field.dropdown > .field-input .ui-select-match {
border: 0 grey solid;
border-width: 0 0 2px 0;
border-radius: 5px;
}
form .dropdown > .field-input .ui-select-choices-row-inner {
border-radius: 3px; border-radius: 3px;
margin: 5px; margin: 5px;
padding: 10px; padding: 10px;

View file

@ -10,18 +10,22 @@
ng-focus="setActiveField(field._id, index)"> ng-focus="setActiveField(field._id, index)">
</textarea> </textarea>
</div> </div>
</div>
<div class="col-xs-12 row">
<div class="btn btn-lg btn-default row-fluid"
style="padding: 4px; margin-top:8px;">
<button ng-disabled="!field.fieldValue"
ng-click="$root.nextField()"
class="btn btn-primary col-sm-5">
<div class="col-xs-12 field-input"> OK <i class="fa fa-check"></i>
<input ng-focus="setActiveField(field._id, index)" </button>
ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}" <div class="col-sm-3" style="margin-top:0.2em">
type="email" <small style="color:#ddd; font-size:70%">
class="text-field-input" press ENTER
placeholder="email@example.com" </small>
value="{{field.fieldValue}}" </div>
ng-model="field.fieldValue"
ng-model-options="{ debounce: 250 }"
ng-required="field.required"
ng-disabled="field.disabled"
ng-focus="setActiveField(field._id, index)"/>
</div> </div>
</div> </div>

View file

@ -13,7 +13,7 @@
<div class="col-xs-12 field-input"> <div class="col-xs-12 field-input">
<div class="row"> <div class="row">
<label class="btn btn-default col-xs-2" <label class="btn btn-default col-md-2 col-sm-3 col-xs-4"
style="background: rgba(0,0,0,0.1); text-align:left;"> style="background: rgba(0,0,0,0.1); text-align:left;">
<input type="radio" value="true" <input type="radio" value="true"
style="opacity: 0; margin-left: 0px;" style="opacity: 0; margin-left: 0px;"
@ -31,7 +31,7 @@
</div> </div>
<div class="row" style="margin-top: 10px;"> <div class="row" style="margin-top: 10px;">
<label class="btn btn-default col-xs-2" <label class="btn btn-default col-md-2 col-sm-3 col-xs-4"
style="background: rgba(0,0,0,0.1); text-align:left;"> style="background: rgba(0,0,0,0.1); text-align:left;">
<input type="radio" value="false" <input type="radio" value="false"

View file

@ -77,10 +77,10 @@
<section ng-if="!myform.hideFooter" class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;"> <section ng-if="!myform.hideFooter" class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-5 col-md-6" ng-show="!myform.submitted"> <div class="col-sm-5 col-md-6 col-xs-5" ng-show="!myform.submitted">
<p class="lead">{{myform | formValidity}} out of {{myform.visible_form_fields.length}} answered</p> <p class="lead">{{myform | formValidity}} out of {{myform.visible_form_fields.length}} answered</p>
</div> </div>
<div class="col-md-6 col-md-offset-0 col-sm-offset-2 col-sm-3 row"> <div class="col-md-6 col-md-offset-0 col-sm-offset-2 col-sm-3 col-xs-offset-1 col-xs-6 row">
<div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="!authentication.isAuthenticated()"> <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="!authentication.isAuthenticated()">
<a href="/#!/forms" class="btn btn-default">Create <a href="/#!/forms" class="btn btn-default">Create
a TellForm</a> a TellForm</a>
@ -88,7 +88,7 @@
<div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="authentication.isAuthenticated()"> <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="authentication.isAuthenticated()">
<a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this TellForm</a> <a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this TellForm</a>
</div> </div>
<div class="col-md-4 col-sm-10 col-md-offset-0 col-sm-offset-4"> <div class="col-md-4 col-sm-10 col-md-offset-0 col-sm-offset-2 col-xs-12">
<button class="btn btn-info btn-lg" id="focusDownButton" <button class="btn btn-info btn-lg" id="focusDownButton"
ng-click="nextField()" ng-click="nextField()"
ng-disabled="selected.index > myform.form_fields.length-1"> ng-disabled="selected.index > myform.form_fields.length-1">

File diff suppressed because one or more lines are too long