From 92d28fdc6833f99c79867fef57e94882071baa50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Mon, 7 Aug 2017 13:48:20 +0200 Subject: [PATCH] Ignore clicks on login button icon so they are received by the button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- core/css/guest.css | 7 +++++++ core/css/styles.scss | 7 +++++++ 2 files changed, 14 insertions(+) diff --git a/core/css/guest.css b/core/css/guest.css index d46b2e895ca..56f8c728d00 100644 --- a/core/css/guest.css +++ b/core/css/guest.css @@ -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; } diff --git a/core/css/styles.scss b/core/css/styles.scss index 36e1d8251de..667ca0dc2be 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -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 {