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 2018/08/28 11:42:35 UTC
[royale-asjs] branch develop updated: fix numeric stepper
positioning for phone/tablets
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 <ca...@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