You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/03/27 08:32:42 UTC
[royale-asjs] 47/49: disabled labels look in check and radio
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch feature/jewel-ui-set
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit b1e73b56c0faf84585ba7a3a45893064160802a7
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Mar 25 17:45:09 2018 +0200
disabled labels look in check and radio
---
frameworks/themes/JewelTheme/src/main/resources/defaults.css | 6 ++++++
.../themes/JewelTheme/src/main/sass/components/_checkbox.sass | 3 +++
.../themes/JewelTheme/src/main/sass/components/_radiobutton.sass | 3 +++
3 files changed, 12 insertions(+)
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index d39517f..0a78701 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -222,6 +222,9 @@ span {
border: 1px solid #c6c6c6;
background: #F9F9F9;
}
+.jewel.checkbox .input[disabled] + .span {
+ color: #c6c6c6;
+}
.jewel.checkbox .input[disabled]:checked {
border: 1px solid #c6c6c6;
background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, -290)'><g transform='translate(760, 285)'><g><polygon fill='lightgray' points='3 13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></g></svg>");
@@ -285,6 +288,9 @@ span {
border: 1px solid #c6c6c6;
background: #F9F9F9;
}
+.jewel.radiobutton .input[disabled] + .span {
+ color: #c6c6c6;
+}
.jewel.radiobutton .input[disabled]:checked {
border: 1px solid #c6c6c6;
background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, -350)'><g transform='translate(611, 345)'><g><circle fill='lightgray' cx='11' cy='11' r='6'></circle></g></g></g></svg>");
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components/_checkbox.sass b/frameworks/themes/JewelTheme/src/main/sass/components/_checkbox.sass
index d1ab54c..e79c952 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components/_checkbox.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components/_checkbox.sass
@@ -87,6 +87,9 @@ $checkbox-label-font-size: 16px
border: 1px solid darken($disabled-color, 20%)
background: $disabled-color
+ & + .span
+ color: darken($disabled-color, 20%)
+
&:checked
border: 1px solid darken($disabled-color, 20%)
//background: url(assets/checkbox-tick.svg), $disabled-color
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components/_radiobutton.sass b/frameworks/themes/JewelTheme/src/main/sass/components/_radiobutton.sass
index df3f1ed..a224f28 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components/_radiobutton.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components/_radiobutton.sass
@@ -80,6 +80,9 @@ $radiobutton-label-font-size: 16px
border: 1px solid darken($disabled-color, 20%)
background: $disabled-color
+ & + .span
+ color: darken($disabled-color, 20%)
+
&:checked
border: 1px solid darken($disabled-color, 20%)
//background: url(assets/radiobutton-tick.svg), $disabled-color
--
To stop receiving notification emails like this one, please contact
carlosrovira@apache.org.