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 12b99fa jewel-slider: temporal fix for sliders on table-cells.
12b99fa is described below
commit 12b99faba6744667a08920439fc299642b187803
Author: Carlos Rovira <[email protected]>
AuthorDate: Fri Mar 13 11:12:17 2020 +0100
jewel-slider: temporal fix for sliders on table-cells.
---
frameworks/projects/Jewel/src/main/resources/defaults.css | 5 ++++-
.../projects/Jewel/src/main/sass/components/_vslider.sass | 13 ++++++++++++-
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index a005b9d..0b80757 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -3592,7 +3592,6 @@ j|HSlider {
left: 0;
right: 0;
top: 0;
- height: 27px;
position: absolute;
}
.vslider .jewel.slider input {
@@ -3607,6 +3606,10 @@ j|HSlider {
padding-right: 5px;
}
+.jewel.tablecell .vslider .transform-container {
+ margin-left: calc(50% - 27px/2*2);
+}
+
.jewel.snackbar {
bottom: 0;
position: fixed;
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_vslider.sass
b/frameworks/projects/Jewel/src/main/sass/components/_vslider.sass
index ff7676f..7a69fe3 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_vslider.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_vslider.sass
@@ -52,7 +52,7 @@ $vslider-container-min-height: 150px
left: 0
right: 0
top: 0
- height: $slider-container-height
+ // height: $slider-container-height
position: absolute
input
@@ -64,3 +64,14 @@ $vslider-container-min-height: 150px
width: 100%
padding-left: 5px
padding-right: 5px
+
+// weird issues with table cells and margins:
+// maybe this could be investigated more to see a better solution
+$vslider-margin-left-tablecell: calc(50% - #{$vslider-half-width}*2)
+.jewel.tablecell
+ .vslider
+ .transform-container
+ margin-left: $vslider-margin-left-tablecell
+ // .jewel
+ // &.slider
+
