You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by hn...@apache.org on 2017/09/15 13:47:39 UTC
[myfaces-tobago] branch master updated: TOBAGO-1776 Style
RadioButton/Checkbox only by CSS * add keyboard support
This is an automated email from the ASF dual-hosted git repository.
hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
The following commit(s) were added to refs/heads/master by this push:
new 16e2231 TOBAGO-1776 Style RadioButton/Checkbox only by CSS * add keyboard support
16e2231 is described below
commit 16e22314fc2e0d00ab790a4fff1b43de191cf3a6
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri Sep 15 15:47:27 2017 +0200
TOBAGO-1776 Style RadioButton/Checkbox only by CSS
* add keyboard support
---
tobago-core/src/main/resources/scss/_tobago.scss | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/tobago-core/src/main/resources/scss/_tobago.scss b/tobago-core/src/main/resources/scss/_tobago.scss
index 1aeb2de..2e7fce6 100644
--- a/tobago-core/src/main/resources/scss/_tobago.scss
+++ b/tobago-core/src/main/resources/scss/_tobago.scss
@@ -712,7 +712,9 @@ h1, h2, h3, h4, h5, h6 {
.tobago-selectBooleanCheckbox, .tobago-selectManyCheckbox, .tobago-selectOneRadio {
.form-check-label {
input {
- display: none;
+ position: absolute;
+ opacity: 0;
+ z-index: -1;
}
.tobago-inputPseudo:before {
font-family: FontAwesome;
@@ -740,6 +742,7 @@ h1, h2, h3, h4, h5, h6 {
input[type="checkbox"]:checked + .tobago-inputPseudo:before {
content: $fa-check-square-o;
}
+ input[type="checkbox"]:focus:not(:disabled) + .tobago-inputPseudo:before,
input[type="checkbox"]:active:not(:disabled) + .tobago-inputPseudo:before {
text-shadow: 0 0 1px black;
}
@@ -757,6 +760,7 @@ h1, h2, h3, h4, h5, h6 {
input[type="radio"]:checked + .tobago-inputPseudo:before {
content: $fa-dot-circle-o;
}
+ input[type="radio"]:focus:not(:disabled) + .tobago-inputPseudo:before,
input[type="radio"]:active:not(:disabled) + .tobago-inputPseudo:before {
text-shadow: 0 0 1px black;
}
--
To stop receiving notification emails like this one, please contact
['"commits@myfaces.apache.org" <co...@myfaces.apache.org>'].