doortts doortts 2017-03-13
login: Simplify login input form
@b8e243a304c6f7365ce8269cd2f465a8e863d985
app/assets/stylesheets/less/_override.less
--- app/assets/stylesheets/less/_override.less
+++ app/assets/stylesheets/less/_override.less
@@ -369,3 +369,10 @@
     display: block;
     margin: 10px 0;
 }
+
+input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0 100px #fcfcfc inset;
+    &:focus {
+        -webkit-box-shadow: 0 0 0 100px #fcfcfc inset;
+    }
+}
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -1415,12 +1415,18 @@
         font-weight: bold;
         margin-bottom: 10px;
         &:focus {
-            border: 1px solid @orange;
+            border-bottom: 1px solid @orange;
             outline: none;
         }
         &.password {
             margin-bottom: 15px;
         }
+        border-radius: 0 !important;
+    }
+
+    input {
+        border: none;
+        border-bottom: 1px solid #ccc;
     }
 
     .alert h4 { font-size:15px; }
app/views/common/loginDialog.scala.html
--- app/views/common/loginDialog.scala.html
+++ app/views/common/loginDialog.scala.html
@@ -4,6 +4,7 @@
 * Copyright Yona & Yobi Authors & NAVER Corp.
 * https://yona.io
 **@
+@import utils.LdapService
 @()
 @import com.feth.play.module.pa.views.html._
 @import utils.TemplateHelper._
@@ -20,18 +21,11 @@
         </div>
       } else {
       <dl>
-        <dt>
-          <label for="loginIdOrEmailD">@Messages("user.login.key")</label>
-        </dt>
         <dd>
-          <input id="loginIdOrEmailD" name="loginIdOrEmail" type="text" class="text email" autocomplete="off">
+          <input id="loginIdOrEmailD" name="loginIdOrEmail" type="text" class="text email" autocomplete="off" placeholder="@Messages("user.login.key")">
         </dd>
-
-        <dt>
-          <label for="passwordD">@Messages("user.password")</label>
-        </dt>
         <dd>
-          <input id="passwordD" name="password" type="password" class="text password" autocomplete="off">
+          <input id="passwordD" name="password" type="password" class="text password" autocomplete="off" placeholder="@Messages("user.password")">
         </dd>
       </dl>
 
app/views/user/login.scala.html
--- app/views/user/login.scala.html
+++ app/views/user/login.scala.html
@@ -28,18 +28,11 @@
         </div>
       } else {
       <dl>
-        <dt>
-          <label for="loginIdOrEmailD">@Messages("user.login.key")</label>
-        </dt>
         <dd>
-          <input id="loginIdOrEmailD" name="loginIdOrEmail" type="text" class="text email" autocomplete="off">
+          <input id="loginIdOrEmailD" name="loginIdOrEmail" type="text" class="text email" autocomplete="off" placeholder="@Messages("user.login.key")">
         </dd>
-
-        <dt class="mt10">
-          <label for="password">@Messages("user.password")</label>
-        </dt>
         <dd>
-          <input id="password" name="password" type="password" class="text password" autocomplete="off">
+          <input id="password" name="password" type="password" class="text password" autocomplete="off" placeholder="@Messages("user.password")">
         </dd>
       </dl>
 
Add a comment
List