flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject git commit: [flex-asjs] [refs/heads/develop] - Cards example center items and give some padding
Date Thu, 01 Dec 2016 23:41:24 GMT
Repository: flex-asjs
Updated Branches:
  refs/heads/develop 0b9753ef5 -> 5aebf86cb


Cards example center items and give some padding


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/5aebf86c
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/5aebf86c
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/5aebf86c

Branch: refs/heads/develop
Commit: 5aebf86cbd7d36b6963ad54c887480352c508893
Parents: 0b9753e
Author: Carlos Rovira <carlosrovira@apache.org>
Authored: Fri Dec 2 00:41:21 2016 +0100
Committer: Carlos Rovira <carlosrovira@apache.org>
Committed: Fri Dec 2 00:41:21 2016 +0100

----------------------------------------------------------------------
 examples/flexjs/MDLExample/src/main/flex/Cards.mxml      | 11 +----------
 .../flexjs/MDLExample/src/main/resources/mdl-styles.css  |  5 +++++
 2 files changed, 6 insertions(+), 10 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/5aebf86c/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Cards.mxml b/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
index e9330db..dbb126c 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
@@ -24,7 +24,6 @@ limitations under the License.
     
     <mdl:Grid className="center-items">
         
-        <mdl:GridCell>
             <mdl:Card className="demo-card-wide" shadow="2">
                 <mdl:CardTitle>
                     <mdl:CardTitleText text="Welcome"/>
@@ -41,9 +40,7 @@ limitations under the License.
                     </mdl:Button>
                 </mdl:CardMenu>
             </mdl:Card>
-        </mdl:GridCell>
-        
-        <mdl:GridCell>
+
             <mdl:Card className="demo-card-square" shadow="2">
                 <mdl:CardTitle expand="true">
                     <mdl:CardTitleText text="Update"/>
@@ -55,20 +52,14 @@ limitations under the License.
                     <mdl:Button colored="true" ripple="true" text="View Updates"/>
                 </mdl:CardActions>
             </mdl:Card>
-        </mdl:GridCell>
         
-        <mdl:GridCell>
             <mdl:Card width="256" height="256" shadow="2" style="background: url('assets/image_card.jpg')
center / cover">
                 <mdl:CardTitle expand="true"/>
                 <mdl:CardActions style="height: 52px; padding: 16px; background: rgba(0,
0, 0, 0.2);">
                     <js:Span text="Image.jpg" style="color: #fff; font-size: 14px; font-weight:
500;"/>
                 </mdl:CardActions>
             </mdl:Card>
-        </mdl:GridCell>
         
-            <!--<mdl:CardMedia>
-                <js:Image url="assets/Unknown.jpg"  height="176"/>
-            </mdl:CardMedia>-->
     </mdl:Grid>
     
 </mdl:TabBarPanel>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/5aebf86c/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css b/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
index d80a454..be1e518 100644
--- a/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
+++ b/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
@@ -86,3 +86,8 @@ Image
   flex-direction: column;
   align-items: center;
 }
+
+/* make center items have some padding */
+.mdl-grid.center-items > .mdl-card {
+  margin: 10px;
+}


Mime
View raw message