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 <carlosrov...@apache.org> Authored: Fri Dec 2 00:41:21 2016 +0100 Committer: Carlos Rovira <carlosrov...@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; +}