[royale-asjs] branch develop updated: tour-de-jewel: fix source code tab layout to add some padddings

[carlosrovira]

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 88e69cc  tour-de-jewel: fix source code tab layout to add some 
padddings
88e69cc is described below

commit 88e69cc4465f520e820e772a3f852cc08136eb0d
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Wed Apr 8 17:51:25 2020 +0200

    tour-de-jewel: fix source code tab layout to add some padddings
---
 .../TourDeJewel/src/main/resources/jewel-example-styles.css    |  2 --
 .../components/ExampleAndSourceCodeTabbedSectionContent.as     | 10 +++++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git 
a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css 
b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css
index 038412c..dfc5731 100644
--- a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css
+++ b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css
@@ -125,8 +125,6 @@ j|IconButtonBar
 
 .codeExample
 {
-    margin: 20px;
-    padding: 20px;
     border-radius: 10px;
     border: 0px solid;
 }
diff --git 
a/examples/jewel/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
 
b/examples/jewel/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
index bf4e09a..bafa4ab 100644
--- 
a/examples/jewel/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
+++ 
b/examples/jewel/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
@@ -27,6 +27,7 @@ package components
     import org.apache.royale.jewel.ScrollableSectionContent;
     import org.apache.royale.jewel.TabBar;
     import org.apache.royale.jewel.TabBarContent;
+    import org.apache.royale.jewel.beads.layouts.Paddings;
 
     import services.GitHubService;
 
@@ -93,16 +94,23 @@ package components
             
             sourceCodeTab = new ScrollableSectionContent();
             sourceCodeTab.name = "sourceCodeTab";
+            
+            var paddings:Paddings = new Paddings();
+            paddings.padding = 20;
+            sourceCodeTab.addBead(paddings);
+            
             var link:A = new A();
             link.href = sourceCodeUrlWebPrefix + sourceCodeUrl;
-            link.text = "Source code in GitHub";
+            link.text = "Watch the source code for this page in GitHub";
             link.target = "_blank";
             link.rel = "noreferrer noopener"
             sourceCodeTab.addElement(link);
+            
             var pre:Pre = new Pre();
             sourceCodeMXMLText = new Code();
             sourceCodeMXMLText.className = "xml codeExample";
             pre.addElement(sourceCodeMXMLText);
+            
             sourceCodeTab.addElement(pre);
 
             tabcontent.addElement(sourceCodeTab);