[royale-asjs] branch develop updated: jewel-button: fix disabled bg color for outlined styles

[carlosrovira]

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new b74f0f2  jewel-button: fix disabled bg color for outlined styles
b74f0f2 is described below

commit b74f0f20515ae2c03324f4018c8867f03d13a103
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Tue Feb 25 00:09:00 2020 +0100

    jewel-button: fix disabled bg color for outlined styles
---
 .../themes/JewelTheme/src/main/resources/defaults.css    | 16 ++++++++--------
 frameworks/themes/JewelTheme/src/main/sass/_mixins.sass  |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css 
b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 0bd6584..d0fb87b 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -241,7 +241,7 @@ hr {
   color: #737373;
 }
 .jewel.button.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -271,7 +271,7 @@ hr {
   color: #0c69a2;
 }
 .jewel.button.primary.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -1429,7 +1429,7 @@ div {
   color: #737373;
 }
 .jewel.togglebutton.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -1464,7 +1464,7 @@ div {
   color: #0c69a2;
 }
 .jewel.togglebutton.primary.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -1713,7 +1713,7 @@ j|Wizard {
   color: #8f2b0b;
 }
 .jewel.button.secondary.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -1873,7 +1873,7 @@ a:active {
   color: #8f2b0b;
 }
 .jewel.togglebutton.secondary.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -1976,7 +1976,7 @@ a:active {
   color: #47651e;
 }
 .jewel.button.emphasized.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
@@ -2124,7 +2124,7 @@ a:active {
   color: #47651e;
 }
 .jewel.togglebutton.emphasized.outlined[disabled] {
-  background: #f3f3f3 !important;
+  background: rgba(243, 243, 243, 0.1) !important;
   border: 1px solid #d9d9d9 !important;
   color: silver;
   text-shadow: unset;
diff --git a/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass 
b/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
index f70e453..d1398f9 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
@@ -91,7 +91,7 @@
        
        @else if ($state == "disabled")
                @if $outlined
-                       background: $disabled-color !important
+                       background: rgba($disabled-color, 0.1) !important
                        border: 1px solid $disabled-border-color !important
                @else if $unboxed
                        background: rgba($disabled-color, 0) !important