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-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;
|
||||
margin: 5px;
|
||||
padding: 10px;
|
||||
|
@ -10,18 +10,22 @@
|
||||
ng-focus="setActiveField(field._id, index)">
|
||||
</textarea>
|
||||
</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">
|
||||
<input ng-focus="setActiveField(field._id, index)"
|
||||
ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
|
||||
type="email"
|
||||
class="text-field-input"
|
||||
placeholder="email@example.com"
|
||||
value="{{field.fieldValue}}"
|
||||
ng-model="field.fieldValue"
|
||||
ng-model-options="{ debounce: 250 }"
|
||||
ng-required="field.required"
|
||||
ng-disabled="field.disabled"
|
||||
ng-focus="setActiveField(field._id, index)"/>
|
||||
OK <i class="fa fa-check"></i>
|
||||
</button>
|
||||
<div class="col-sm-3" style="margin-top:0.2em">
|
||||
<small style="color:#ddd; font-size:70%">
|
||||
press ENTER
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -13,7 +13,7 @@
|
||||
|
||||
<div class="col-xs-12 field-input">
|
||||
<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;">
|
||||
<input type="radio" value="true"
|
||||
style="opacity: 0; margin-left: 0px;"
|
||||
@ -31,7 +31,7 @@
|
||||
</div>
|
||||
|
||||
<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;">
|
||||
|
||||
<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;">
|
||||
<div class="container-fluid">
|
||||
<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>
|
||||
</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()">
|
||||
<a href="/#!/forms" class="btn btn-default">Create
|
||||
a TellForm</a>
|
||||
@ -88,7 +88,7 @@
|
||||
<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>
|
||||
</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"
|
||||
ng-click="nextField()"
|
||||
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