From 47122005ba7e7d50972cd780c7c93c94fb38a785 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 6 Feb 2017 18:35:36 +0100
Subject: [PATCH] WIP of modern login page: - Implement better representative
 selectbox for "Remember me" field

---
 pixelegg/css/mobile.css             | 11 +++++++++++
 pixelegg/css/pixelegg.css           | 11 +++++++++++
 pixelegg/less/layout_loginPage.less |  8 ++++++--
 pixelegg/login.tpl                  |  2 +-
 pixelegg/login_mobile.tpl           |  2 +-
 pixelegg/mobile/fw_mobile.css       | 11 +++++++++++
 6 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 080d9c4324..1d4889adbc 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -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);
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index fa5ed97c27..f3db968ecd 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -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);
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 9f16a4a123..a19f87144a 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -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"] {
diff --git a/pixelegg/login.tpl b/pixelegg/login.tpl
index cbc5b4fe59..04f59ae760 100644
--- a/pixelegg/login.tpl
+++ b/pixelegg/login.tpl
@@ -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>
diff --git a/pixelegg/login_mobile.tpl b/pixelegg/login_mobile.tpl
index 4f62585748..f881c7ac97 100644
--- a/pixelegg/login_mobile.tpl
+++ b/pixelegg/login_mobile.tpl
@@ -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>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 3a4a98fbff..94be979440 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -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);