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 ee92b4d fix numeric stepper positioning for phone/tablets ee92b4d is described below commit ee92b4d99bfca8a382f40504cc7da263b5ba652c Author: Carlos Rovira <carlosrov...@apache.org> AuthorDate: Tue Aug 28 13:42:30 2018 +0200 fix numeric stepper positioning for phone/tablets --- .../projects/Jewel/src/main/resources/defaults.css | 17 +++++++++-------- .../Jewel/src/main/sass/components/_numericstepper.sass | 16 ++++++++++------ 2 files changed, 19 insertions(+), 14 deletions(-) diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css index d88aed4..8087032 100644 --- a/frameworks/projects/Jewel/src/main/resources/defaults.css +++ b/frameworks/projects/Jewel/src/main/resources/defaults.css @@ -2799,8 +2799,8 @@ j|Navigation { } .jewel.numericstepper .jewel.textinput { z-index: 1; - position: absolute; - left: 58px; + position: relative; + left: 38px; } } j|NumericStepper { @@ -2834,17 +2834,18 @@ j|NumericStepper { } @media (max-width: 992px) { + .jewel.spinner { + position: relative; + left: -112px; + flex-direction: row; + width: auto; + } .jewel.spinner .jewel.button { width: 39px; height: 38px; } - .jewel.spinner .jewel.button.up { - position: absolute; - left: 20px; - } .jewel.spinner .jewel.button.down { - position: absolute; - left: 169px; + left: 110px; } } j|Spinner { diff --git a/frameworks/projects/Jewel/src/main/sass/components/_numericstepper.sass b/frameworks/projects/Jewel/src/main/sass/components/_numericstepper.sass index bbac3cf..084b6b1 100644 --- a/frameworks/projects/Jewel/src/main/sass/components/_numericstepper.sass +++ b/frameworks/projects/Jewel/src/main/sass/components/_numericstepper.sass @@ -35,8 +35,8 @@ $numericstepper-button-yoffset: calc(50% - #{$numericstepper-button-height/2}) height: 39px .jewel.textinput z-index: 1 - position: absolute - left: 58px + position: relative + left: 38px j|NumericStepper IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.RangeModel") @@ -85,16 +85,20 @@ j|NumericStepper @media (max-width: $desktop) .jewel.spinner + position: relative + left: -112px + flex-direction: row + width: auto .jewel.button width: 39px height: 38px &.up - position: absolute - left: 20px + // position: absolute + // left: 20px &.down - position: absolute - left: 169px + // position: absolute + left: 110px j|Spinner