keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

frio: tweak login template, fix style

Browse source 
move lost pwd link and register to submit wrapper,
use flexbox for submit row in login form,
show register link as button
fix form label colors in mobile
This commit is contained in:
fabrixxm 2018-01-17 16:01:34 +01:00
parent 9862194914
commit 2c8bbea65d
2 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
view/theme/frio/css/style.css
View file

@ -3008,6 +3008,14 @@ section .profile-match-wrapper {
/**
* Login page
*/
#login-submit-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#lost-password-link { flex-grow: 2; }
.mod-home.is-not-singleuser,
.mod-login {
background-image: linear-gradient(to right, rgba(0,0,0, 0.7) , rgba(0,0,0, 0.4)), url($login_bg_image);
@ -3030,10 +3038,11 @@ section .profile-match-wrapper {
margin-top: 2.5%;
}
.mod-home.is-not-singleuser .login-form > #login-form,
.mod-login .login-form > #login-form {
.mod-home.is-not-singleuser .login-form > #login-form label,
.mod-login #content #login-form label {
color: #eee;
}
.mod-home.is-not-singleuser .login-panel-content,
.mod-login .login-panel-content {
@ -3046,20 +3055,22 @@ section .profile-match-wrapper {
.mod-login #content {
margin-top: 100px!important;
}
.mod-home.is-not-singleuser .login-form > #login-form,
.mod-login .login-form > #login-form {
.mod-login #content #login-form {
background-color: #fff;
color: #444;
padding: 1em;
position: relative;
margin-top: 4em;
}
.mod-home.is-not-singleuser .login-form > #login-form:before,
.mod-login .login-form > #login-form:before {
.mod-home.is-not-singleuser .login-form > #login-form label,
.mod-login #content #login-form label {
color: #444;
}
.mod-home.is-not-singleuser .login-form > #login-form::before,
.mod-login #content #login-form::before {
display: block;
position: absolute;
content: " ";
@ -3071,8 +3082,8 @@ section .profile-match-wrapper {
z-index: -1;
}
.mod-home.is-not-singleuser .login-form > #login-form:after,
.mod-login .login-form > #login-form:after {
.mod-home.is-not-singleuser .login-form > #login-form::after,
.mod-login #content #login-form::after {
display: block;
position: absolute;
content: " ";

12
view/theme/frio/templates/login.tpl
View file

@ -18,15 +18,15 @@
{{include file="field_checkbox.tpl" field=$lremember}}
<div id="login-extra-links" class="list-unstyled">
{{if $register}}<a href="register" title="{{$register.title|escape:'html'}}" id="register-link">{{$register.desc}}</a>{{/if}}
<div id="login-submit-wrapper">
<a href="lostpass" title="{{$lostpass|escape:'html'}}" id="lost-password-link">{{$lostlink}}</a>
<div class="pull-right" >
{{if $register}}<a href="register" title="{{$register.title|escape:'html'}}" id="register-link" class="btn btn-default">{{$register.desc}}</a>{{/if}}
<button type="submit" name="submit" id="login-submit-button" class="btn btn-primary" value="{{$login|escape:'html'}}">{{$login|escape:'html'}}</button>
</div>
</div>
<div id="login-submit-wrapper" class="pull-right" >
<button type="submit" name="submit" id="login-submit-button" class="btn btn-primary" value="{{$login|escape:'html'}}">{{$login|escape:'html'}}</button>
</div>
<div class="clear"></div>
{{foreach $hiddens as $k=>$v}}
<input type="hidden" name="{{$k}}" value="{{$v|escape:'html'}}" />