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 1432ac0 jewel-checkbox: fix for check overflowing boundaries
1432ac0 is described below
commit 1432ac0a34600c3850ec92c87ba08c4fdafa0ad5
Author: Carlos Rovira <[email protected]>
AuthorDate: Wed Mar 18 23:47:04 2020 +0100
jewel-checkbox: fix for check overflowing boundaries
---
frameworks/projects/Jewel/src/main/resources/defaults.css | 8 ++++----
.../org/apache/royale/jewel/beads/controls/InputButtonSize.as | 4 ++--
frameworks/projects/Jewel/src/main/sass/components/_checkbox.sass | 8 ++++----
3 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index 3e27a64..9cd2b7d 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -353,14 +353,14 @@ j|ToggleButtonBar {
position: absolute;
left: 0px;
top: 0px;
- width: 24px;
- height: 24px;
+ width: 22px;
+ height: 22px;
}
.jewel.checkbox input + span::after {
content: " ";
position: absolute;
- width: 24px;
- height: 24px;
+ width: 22px;
+ height: 22px;
left: 0px;
top: 0px;
opacity: 0;
diff --git
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/InputButtonSize.as
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/InputButtonSize.as
index fa37256..3186e87 100644
---
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/InputButtonSize.as
+++
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/InputButtonSize.as
@@ -151,7 +151,7 @@ package org.apache.royale.jewel.beads.controls
}
else {
inputButton.style.width =
INPUTBUTTON_DEFAULT_SIZE + "px";
- beforeSelector += "width: "+
INPUTBUTTON_DEFAULT_SIZE +"px;";
+ beforeSelector += "width: "+
(INPUTBUTTON_DEFAULT_SIZE - 2) +"px;";
}
if(height) {
@@ -160,7 +160,7 @@ package org.apache.royale.jewel.beads.controls
}
else {
inputButton.style.height =
INPUTBUTTON_DEFAULT_SIZE + "px";
- beforeSelector += "height: "+
INPUTBUTTON_DEFAULT_SIZE +"px;";
+ beforeSelector += "height: "+
(INPUTBUTTON_DEFAULT_SIZE - 2) +"px;";
}
if(width || height) {
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_checkbox.sass
b/frameworks/projects/Jewel/src/main/sass/components/_checkbox.sass
index ad4b974..aeeeb31 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_checkbox.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_checkbox.sass
@@ -55,15 +55,15 @@ $checkbox-button-yoffset: 0px
left: $checkbox-button-xoffset
top: $checkbox-button-yoffset
- width: $checkbox-button-size
- height: $checkbox-button-size
+ width: $checkbox-button-size - 2
+ height: $checkbox-button-size - 2
+ span::after
content: ' '
position: absolute
- width: $checkbox-button-size
- height: $checkbox-button-size
+ width: $checkbox-button-size - 2
+ height: $checkbox-button-size - 2
left: $checkbox-button-xoffset
top: $checkbox-button-yoffset
