WIP of modern login page:

- Implement better representative selectbox for "Remember me" field
This commit is contained in:
Hadi Nategh 2017-02-06 18:35:36 +01:00
parent 99e0daa5ff
commit 47122005ba
6 changed files with 41 additions and 4 deletions

View File

@ -1791,6 +1791,14 @@ body {
border-bottom: 1px solid silver;
border-radius: 0px;
}
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
text-indent: 120px;
background-color: transparent;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none;
}
#loginMainDiv div#centerBox form table.divLoginbox input {
width: calc(250px - 22px);
height: 40px;
@ -1823,6 +1831,9 @@ body {
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: url(../images/task.png);
z-index: 0;
width: 130px;
padding-left: 27px;
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../images/internet.png);

View File

@ -1780,6 +1780,14 @@ body {
border-bottom: 1px solid silver;
border-radius: 0px;
}
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
text-indent: 120px;
background-color: transparent;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none;
}
#loginMainDiv div#centerBox form table.divLoginbox input {
width: calc(250px - 22px);
height: 40px;
@ -1812,6 +1820,9 @@ body {
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: url(../images/task.png);
z-index: 0;
width: 130px;
padding-left: 27px;
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../images/internet.png);

View File

@ -140,7 +140,11 @@
border-bottom: 1px solid silver;
border-radius: 0px;
}
select:hover {}
select[name="remember_me"] {
text-indent: 120px;
background-color: transparent;
}
select:focus, select:hover {box-shadow:none;}
input {
width: ~"calc(250px - 22px)";
height: 40px;
@ -168,7 +172,7 @@
}
span.field_icons.username {background-image: url(../images/personal.png);}
span.field_icons.password {background-image: url(../images/password.png);}
span.field_icons.remember_me {background-image: url(../images/task.png);}
span.field_icons.remember_me {background-image: url(../images/task.png);z-index:0;width: 130px;padding-left: 27px;}
span.field_icons.domain {background-image: url(../images/internet.png);}
span.field_icons.language {background-image: url(../images/language.png);}
input[type="submit"] {

View File

@ -35,7 +35,7 @@
<!-- BEGIN remember_me_selection -->
<tr>
<td>
<span class="field_icons remember_me"></span>
<span class="field_icons remember_me">{lang_remember_me}:</span>
{select_remember_me}
</td>
</tr>

View File

@ -37,7 +37,7 @@
<!-- BEGIN remember_me_selection -->
<tr>
<td>
<span class="field_icons remember_me"></span>
<span class="field_icons remember_me">{lang_remember_me}:</span>
{select_remember_me}
</td>
</tr>

View File

@ -1802,6 +1802,14 @@ body {
border-bottom: 1px solid silver;
border-radius: 0px;
}
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
text-indent: 120px;
background-color: transparent;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none;
}
#loginMainDiv div#centerBox form table.divLoginbox input {
width: calc(250px - 22px);
height: 40px;
@ -1834,6 +1842,9 @@ body {
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: url(../images/task.png);
z-index: 0;
width: 130px;
padding-left: 27px;
}
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../images/internet.png);