fixed mobile footer layout
This commit is contained in:
parent
81930673e9
commit
8f84c73e63
6
public/dist/application.js
vendored
6
public/dist/application.js
vendored
File diff suppressed because one or more lines are too long
2
public/dist/application.min.css
vendored
2
public/dist/application.min.css
vendored
File diff suppressed because one or more lines are too long
4
public/dist/application.min.js
vendored
4
public/dist/application.min.js
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
@ -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"
|
||||||
|
@ -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
Loading…
Reference in New Issue
Block a user