[royale-asjs] branch develop updated: Fixed vertical scrollbars visible on VirtualDataGrid in all columns

[hu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hugoferreira 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 7bbd29eded Fixed vertical scrollbars visible on VirtualDataGrid in all columns
7bbd29eded is described below

commit 7bbd29eded14597a9866dbebbe379635b1fa0e4e
Author: Hugo Ferreira <hf...@solidsoft.pt>
AuthorDate: Sat Oct 8 19:14:04 2022 +0100

    Fixed vertical scrollbars visible on VirtualDataGrid in all columns
    
    Including the sass file
---
 .../projects/Jewel/src/main/resources/defaults.css | 22 ++++++++++++++++++++++
 .../Jewel/src/main/sass/components/_datagrid.sass  |  9 +++++++++
 2 files changed, 31 insertions(+)

diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css
index e8afdd90f8..3eacc95d27 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -587,6 +587,28 @@ j|DateChooser {
       transition: transform 0.4s 0ms, opacity 0.4s 0ms;
       opacity: 1; }
 
+.first.jewel.list::-webkit-scrollbar
+{
+    display: none;
+}
+
+.first.jewel.list
+{
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.middle.jewel.list::-webkit-scrollbar
+{
+    display: none;
+}
+
+.middle.jewel.list
+{
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
 @media (max-width: 768px) {
   .datechooser-popup .jewel.table {
     width: calc(100% - 20px); } }
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_datagrid.sass b/frameworks/projects/Jewel/src/main/sass/components/_datagrid.sass
index f43747cd78..2e8db2f050 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_datagrid.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_datagrid.sass
@@ -58,6 +58,15 @@
         content: "@@ZERO_WIDTH_SPACE"
         //content: "\200b" <-- this does not survive sass compilation, so instead using a token for replacement in a post-sass processing step above
 
+.first.jewel.list, .middle.jewel.list {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 j|DataGrid
     IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DataGridView")
     IBeadModel: ClassReference("org.apache.royale.html.beads.models.DataGridCollectionViewModel")