[royale-asjs] branch develop updated: example layout and little fixes

[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 e23b9a2  example layout and little fixes
e23b9a2 is described below

commit e23b9a2d4342ff220777a3745306bda42d654481
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Mon Aug 27 23:58:30 2018 +0200

    example layout and little fixes
---
 .../src/main/royale/DropDownListPlayGround.mxml    | 59 ++++++++++++++--------
 .../projects/Jewel/src/main/resources/defaults.css |  8 ---
 .../Jewel/src/main/sass/components/_layout.sass    |  2 +-
 3 files changed, 38 insertions(+), 31 deletions(-)

diff --git 
a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml 
b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
index 1d174da..e943b62 100644
--- a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
@@ -45,28 +45,43 @@ limitations under the License.
         <models:ListsModel id="listModel"/>
        </j:model>
        
-       <j:Card width="350">
-               
-               <html:H3 text="Jewel DropDownList"/>
-               
-               <j:DropDownList id="dropdownlist" 
dataProvider="{listModel.watchmen}" change="dropDownListHandler(event)"/>
-               
-               <j:Label id="dropDownListResult" html="&lt;strong>DropDownList 
selectedItem:&lt;/strong> "/>
+       <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:GridCell desktopNumerator="1" desktopDenominator="2"
+                                       tabletNumerator="1" 
tabletDenominator="2"
+                                       phoneNumerator="1" phoneDenominator="1">
+                       <j:Card>
+                               
+                               <html:H3 text="Jewel DropDownList"/>
+                               
+                               <j:HGroup gap="3" 
itemsVerticalAlign="itemsCentered">
+                                       <j:DropDownList id="dropdownlist" 
dataProvider="{listModel.watchmen}" change="dropDownListHandler(event)"/>
+                                       <j:Label id="dropDownListResult" 
html="&lt;strong>DropDownList selectedItem:&lt;/strong> "/>
+                               </j:HGroup>
 
-               <!-- <j:DropDownList change="changeHandler(event)">
-                       <j:dataProvider>
-                               <j:ArrayList id="avengersCharacters" 
source="[Iron Man, Hulk, Thor, Captain America, Black Widow]" />
-                       </j:dataProvider>
-               </j:DropDownList> -->
-       </j:Card>
-       <j:Card width="350">
-               
-               <html:H3 text="Jewel ComboBox"/>
-               
-               <j:ComboBox id="combobox" dataProvider="{listModel.watchmen}" 
change="comboboxSelectedItem(event)"/>
+                               <!-- <j:DropDownList 
change="changeHandler(event)">
+                                       <j:dataProvider>
+                                               <j:ArrayList 
id="avengersCharacters" source="[Iron Man, Hulk, Thor, Captain America, Black 
Widow]" />
+                                       </j:dataProvider>
+                               </j:DropDownList> -->
+                       </j:Card>
+
+               </j:GridCell>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="2"
+                                       tabletNumerator="1" 
tabletDenominator="2"
+                                       phoneNumerator="1" phoneDenominator="1">
+
+                       <j:Card>
+                               
+                               <html:H3 text="Jewel ComboBox"/>
+                               
+                               <j:HGroup gap="3" 
itemsVerticalAlign="itemsCentered">
+                                       <j:ComboBox id="combobox" 
dataProvider="{listModel.watchmen}" change="comboboxSelectedItem(event)"/>
+                                       <j:Label id="comboBoxResult" 
html="&lt;strong>ComboBox selectedItem:&lt;/strong> "/>
+                               </j:HGroup>
+                               
+                       </j:Card>
+               </j:GridCell>
+       </j:Grid>
 
-               <j:Label id="comboBoxResult" html="&lt;strong>ComboBox 
selectedItem:&lt;/strong> "/>
-               
-       </j:Card>
-       
 </j:SectionContent>
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css 
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index cb328c3..393a2b3 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -2742,14 +2742,6 @@ j|Label {
   display: flex !important;
 }
 
-.visible {
-  display: none !important;
-}
-
-.hidden {
-  display: flex !important;
-}
-
 .jewel.list, .jewel.navigation {
   align-items: stretch;
   align-content: flex-start;
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
index bf9b524..24e029a 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
@@ -182,7 +182,7 @@ $gap-size: 10px !default
        display: none !important
 
 #{$hidden-sizes}
-       display: block !important
+       display: flex !important
 
 // #{$hidden-flex-sizes}
 //     display: flex !important