Ignore clicks on login button icon so they are received by the button

Visually, the icon positioned on the login button is part of the login
button, so clicking on the icon should be the same as clicking on the
button. As the icon is a different element this commit sets the icon to
ignore mouse events so they are received and handled by the login button
instead.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2017-08-07 13:48:20 +02:00
parent b237379fa1
commit 92d28fdc68
2 changed files with 14 additions and 0 deletions

View File

@ -146,6 +146,13 @@ form #datadirField legend {
right: 24px;
}
#submit-wrapper #submit-icon {
pointer-events: none; /* The submit icon is positioned on the submit button.
From the user point of view the icon is part of the
button, so the clicks on the icon have to be
applied to the button instead. */
}
input, textarea, select, button {
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
}

View File

@ -768,6 +768,13 @@ label.infield {
top: 22px;
right: 24px;
}
#submit-icon {
pointer-events: none; /* The submit icon is positioned on the submit
button. From the user point of view the icon is
part of the button, so the clicks on the icon
have to be applied to the button instead. */
}
}
#body-login input {