TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Using flexbox on login and reset page.

This commit is contained in:
Pásztor Gábor 2016-11-27 16:29:38 +01:00
parent 35296c5b26
commit 87a68f7bf7
5 changed files with 6 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
modules/backend/assets/css/october.css
View File

@ -842,12 +842,9 @@ body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo{font:0/0
body.outer .layout > .layout-row > .layout-cell{vertical-align:top}
body.outer .layout > .layout-row > .layout-cell .outer-form-container{margin:0 auto;width:436px;padding:40px 0}
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2{font-size:18px;margin:20px 0;color:#feffff}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{font-size:0}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{font-size:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{vertical-align:top;margin-right:9px;display:inline-block;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-1{width:160px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-2{width:323px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button{background:#0181b9;text-align:center;font-size:13px;font-weight:600;height:40px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button.login-button{display:inline-block;width:98px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password{margin-top:30px;font-size:13px;top:8px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a{color:rgba(255,255,255,0.44)}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password:before{color:rgba(255,255,255,0.44);font-size:14px;position:relative;margin-right:5px}

14
modules/backend/assets/less/layout/outerlayout.less
View File

@ -53,6 +53,7 @@ body.outer {
.horizontal-form {
font-size: 0;
.flex-display();
input {
vertical-align: top;
@ -60,14 +61,6 @@ body.outer {
display: inline-block;
border: none;
.border-radius(2px);
&.width-1 {
width: 160px;
}
&.width-2 {
width: 323px;
}
}
button {
@ -78,11 +71,6 @@ body.outer {
height: 40px;
vertical-align: top;
.box-sizing(border-box);
&.login-button {
display: inline-block;
width: 98px;
}
}
}

2
modules/backend/controllers/auth/reset.htm
View File

@ -13,7 +13,7 @@
type="password"
name="password"
value=""
class="form-control password width-2 icon lock"
class="form-control password icon lock"
placeholder="<?= e(trans('backend::lang.account.password_placeholder')) ?>"
autocomplete="off"
maxlength="255" />

2
modules/backend/controllers/auth/restore.htm
View File

@ -10,7 +10,7 @@
type="text"
name="login"
value="<?= e(post('login')) ?>"
class="form-control width-2 icon user"
class="form-control icon user"
placeholder="<?= e(trans('backend::lang.account.login_placeholder')) ?>"
autocomplete="off"
maxlength="255" />

4
modules/backend/controllers/auth/signin.htm
View File

@ -11,7 +11,7 @@
type="text"
name="login"
value="<?= e(post('login')) ?>"
class="form-control width-1 icon user"
class="form-control icon user"
placeholder="<?= e(trans('backend::lang.account.login_placeholder')) ?>"
autocomplete="off"
maxlength="255" />
@ -21,7 +21,7 @@
type="password"
name="password"
value=""
class="form-control width-1 icon lock"
class="form-control icon lock"
placeholder="<?= e(trans('backend::lang.account.password_placeholder')) ?>"
autocomplete="off"
maxlength="255" />