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 0a94708 fix check- radio bg on select and remove FF outer focus from
all controls at once
0a94708 is described below
commit 0a94708cceb5889fe87d76fdd97195282075242d
Author: Carlos Rovira <[email protected]>
AuthorDate: Wed Apr 11 20:02:46 2018 +0200
fix check- radio bg on select and remove FF outer focus from all controls
at once
---
frameworks/themes/JewelTheme/src/main/sass/_global.sass | 2 +-
.../JewelTheme/src/main/sass/components-primary/_checkbox.sass | 10 ++++++++--
.../src/main/sass/components-primary/_radiobutton.sass | 10 ++++++++--
3 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/_global.sass
b/frameworks/themes/JewelTheme/src/main/sass/_global.sass
index 925d9d8..f823320 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/_global.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/_global.sass
@@ -62,5 +62,5 @@ div
// Firefox
// remove dotted outline
-::-moz-focus-inner
+::-moz-focus-inner, ::-moz-focus-outer
border: 0
\ No newline at end of file
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
index 843b657..68ac835 100644
---
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
+++
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
@@ -59,14 +59,20 @@ $checkbox-label-font-size: 16px
border-radius: $checkbox-border-radius
&:checked, &:checked:active
- 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), $default-color
+ @if $flat
+ 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), $default-color
+ @else
+ 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), lighten($default-color,
12%)//linear-gradient(lighten($default-color, 15%), lighten($default-color,
10%))
background-repeat: no-repeat
background-size: 90%
background-position: center
background-attachment: fixed
&:checked:focus, &:checked:active:focus
- 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), lighten($primary-color, 25%)
+ @if $flat
+ 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), lighten($primary-color, 25%)
+ @else
+ 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)'><polygon
fill='#{encodecolor($primary-color)}' points='3 13 9 18 19 7 16 5 9 13 6
10'></polygon></g></g></svg>"), lighten($primary-color,
25%)//linear-gradient(lighten($default-color, 25%), lighten($default-color,
20%))
background-repeat: no-repeat
background-size: 90%
background-position: center
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
index 56c241d..1a2ccdc 100644
---
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
+++
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
@@ -59,14 +59,20 @@ $radiobutton-label-font-size: 16px
border-radius: $radiobutton-border-radius
&:checked, &:checked:active
- 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), $default-color
+ @if $flat
+ 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), $default-color
+ @else
+ 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), lighten($default-color,
12%)//linear-gradient(lighten($default-color, 15%), lighten($default-color,
10%))
background-repeat: no-repeat
background-size: 60%
background-position: center
background-attachment: fixed
&:checked:focus, &:checked:active:focus
- 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), lighten($primary-color, 25%)
+ @if $flat
+ 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), lighten($primary-color, 25%)
+ @else
+ 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)'><circle
fill='#{encodecolor($primary-color)}' cx='11' cy='11'
r='6'></circle></g></g></svg>"), lighten($primary-color, 25%)
//linear-gradient(lighten($default-color, 25%), lighten($default-color, 20%))
background-repeat: no-repeat
background-size: 60%
background-position: center
--
To stop receiving notification emails like this one, please contact
[email protected].
