rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-17 06:52:27 +01:00
Code Issues Releases Activity

improve responsivness of SSO completion form

Browse Source
This commit is contained in:
Sylvain 2016-04-25 15:14:12 +02:00
parent 33f83180fa
commit 8b8ed342c1
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/app.responsive.scss
View File

@ -33,6 +33,9 @@
}
}
.m-t-xxl-on-md { margin-top: 60px; }
.m-t-3xl-on-md { margin-top: 80px; }
.m-t-4xl-on-md { margin-top: 100px; }
}

4
app/assets/templates/profile/_token.html.erb
View File

@ -4,8 +4,8 @@
<p ng-hide="hasDuplicate()" translate>{{ 'do_not_fill_the_form_beside_but_specify_here_the_code_you_ve_received_by_email_to_recover_your_access' }}</p>
<p ng-show="hasDuplicate()" translate>{{ 'just_specify_code_here_to_recover_access' }}</p>
<div class="row">
<div class="col-sm-3 col-sm-offset-1"></div>
<div class="col-sm-offset-1 col-sm-6">
<div class="col-lg-3 col-lg-offset-1 hidden-md col-sm-3 col-sm-offset-1"></div>
<div class="col-lg-offset-1 col-lg-6 col-md-12 col-sm-offset-1 col-sm-6">
<div class="form-group" ng-class="{'has-error': userForm['user[auth_token]'].$dirty && userForm['user[auth_token]'].$invalid}">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key"></i></span>

15
app/assets/templates/profile/complete.html.erb
View File

@ -19,7 +19,7 @@
</section>
<div class="row no-gutter ">
<div class="row no-gutter">
<div class="col-sm-12 col-md-12 b-r">
<div class="row">
<div class="col-md-offset-2 col-md-8 m-t-md">
@ -34,11 +34,11 @@
</section>
</div>
</div>
<div class="row col-md-2 col-md-offset-5">
<div class="row col-md-2 col-md-offset-5 hidden-sm hidden-xs">
<p class="font-felt fleche-left text-lg upper text-center">
<%= image_tag("fleche-left.png", class: 'fleche-left visible-lg fleche-left-from-top') %>
<%= image_tag("fleche-left.png", class: 'fleche-left visible-md fleche-left-from-top') %>
<span class="or" translate>{{ 'or' }}</span>
<%= image_tag("fleche-left.png", class: 'fleche-right visible-lg fleche-right-from-top') %>
<%= image_tag("fleche-left.png", class: 'fleche-right visible-md fleche-right-from-top') %>
</p>
</div>
<div class="row">
@ -137,7 +137,12 @@
</div>
</section>
</div>
<div class="col-md-6" ng-hide="user.merged_at">
<div class="row col-xs-2 col-xs-offset-5 hidden-md hidden-lg">
<p class="font-felt fleche-left text-lg upper text-center">
<span class="or" translate>{{ 'or' }}</span>
</p>
</div>
<div class="col-md-6 m-t-3xl-on-md" ng-hide="user.merged_at">
<ng-include src="'<%= asset_path 'profile/_token.html' %>'"></ng-include>
</div>
</div>