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 62d3ca0 jewel-tabbar: when scrolling, fix hiding scrollbar on iOS and
IE11
62d3ca0 is described below
commit 62d3ca01fd11184e205aae735ab34d0287da0f01
Author: Carlos Rovira <[email protected]>
AuthorDate: Wed Apr 24 18:45:01 2019 +0200
jewel-tabbar: when scrolling, fix hiding scrollbar on iOS and IE11
---
frameworks/projects/Jewel/src/main/resources/defaults.css | 4 ++--
frameworks/projects/Jewel/src/main/sass/components/_tabbar.sass | 5 ++---
2 files changed, 4 insertions(+), 5 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index 06c1d71..9327c1f 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -3479,11 +3479,11 @@ j|Snackbar {
}
.jewel.tabbar {
+ display: flex;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
- display: flex;
- -ms-overflow-style: none;
+ -ms-overflow-style: -ms-autohiding-scrollbar !important;
scrollbar-width: none;
}
.jewel.tabbar::-webkit-scrollbar {
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_tabbar.sass
b/frameworks/projects/Jewel/src/main/sass/components/_tabbar.sass
index 708e6c3..9662613 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_tabbar.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_tabbar.sass
@@ -24,18 +24,17 @@
.jewel
&.tabbar
// width: 100%
+ display: flex
overflow-y: hidden
overflow-x: scroll
-webkit-overflow-scrolling: touch //Momentum (innercial) Scrolling on
iOS
- display: flex
- -ms-overflow-style: none // IE 10+
+ -ms-overflow-style: -ms-autohiding-scrollbar !important // IE 10+
scrollbar-width: none // Firefox
&::-webkit-scrollbar
display: none !important // Safari and Chrome
width: 0 !important
height: 0 !important
background-color: transparent
-
&::-webkit-scrollbar-thumb
display: none !important
