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 2019/01/18 12:35:24 UTC

[royale-asjs] branch develop updated: Add no-chrome style to Jewel List to easily remove border and background

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 2bbf0a8  Add no-chrome style to Jewel List to easily remove border and background
2bbf0a8 is described below

commit 2bbf0a8603d098c3f347a49c00b9720420a4db71
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jan 18 13:35:16 2019 +0100

    Add no-chrome style to Jewel List to easily remove border and background
---
 frameworks/projects/Jewel/src/main/resources/defaults.css     | 4 ++++
 frameworks/projects/Jewel/src/main/sass/components/_list.sass | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css
index a7160ef..579ce08 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -3021,6 +3021,10 @@ j|Label {
   align-content: flex-start;
   -webkit-overflow-scrolling: touch;
 }
+.jewel.list.no-chrome, .jewel.navigation.no-chrome {
+  background: transparent;
+  border: none;
+}
 
 j|List {
   IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ListView");
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_list.sass b/frameworks/projects/Jewel/src/main/sass/components/_list.sass
index 70e28fd..eb383ae 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_list.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_list.sass
@@ -24,6 +24,10 @@
     align-items: stretch
     align-content: flex-start
     -webkit-overflow-scrolling: touch //Momentum (innercial) Scrolling on iOS 
+
+    &.no-chrome
+        background: transparent
+        border: none
     
 j|List
     IBeadView:  ClassReference("org.apache.royale.jewel.beads.views.ListView")