From 01a25902716a8a5d6718e2b79163020d3dfbd7ae Mon Sep 17 00:00:00 2001 From: Akita Noek Date: Thu, 19 May 2016 11:02:43 -0400 Subject: [PATCH] Don't allow text selection on checkbox labels nor buttons Prevents annoying random text selection when you're clicking through things. --- awx/ui/client/legacy-styles/forms.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less index 2da1af9e62..0db64f2b38 100644 --- a/awx/ui/client/legacy-styles/forms.less +++ b/awx/ui/client/legacy-styles/forms.less @@ -9,6 +9,16 @@ @import "awx/ui/client/src/shared/branding/colors.default.less"; +.noselect { + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Chrome/Safari/Opera */ + -khtml-user-select: none; /* Konqueror */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + not supported by any browser */ +} + .Form{ display:flex; flex-wrap:wrap; @@ -109,6 +119,7 @@ text-transform: uppercase; text-align: center; white-space: nowrap; + .noselect; } .Form-tab:hover { @@ -423,6 +434,7 @@ input[type='radio']:checked:before { font-size: small; padding-right:5px; width: 100%; + .noselect; } .Form-buttons{ @@ -502,6 +514,7 @@ input[type='radio']:checked:before { margin-top: 5px; font-size: small; color: @default-interface-txt; + .noselect; } @media only screen and (max-width: 650px) {