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 2020/03/18 22:47:09 UTC
[royale-asjs] branch develop updated: jewel-checkbox: fix for check
overflowing boundaries
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 <ca...@apache.org>
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