You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ca...@apache.org on 2016/11/10 19:53:14 UTC
git commit: [flex-asjs] [refs/heads/feature/mdl] - Tweak examples.
Separate background css while comes the fix in falcon compiler to support
more than one value per property
Repository: flex-asjs
Updated Branches:
refs/heads/feature/mdl 35cf88448 -> 20bfb2e18
Tweak examples. Separate background css while comes the fix in falcon compiler to support more than one value per property
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/20bfb2e1
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/20bfb2e1
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/20bfb2e1
Branch: refs/heads/feature/mdl
Commit: 20bfb2e183b56462fb679355f8c3fd6e6e233300
Parents: 35cf884
Author: Carlos Rovira <ca...@apache.org>
Authored: Thu Nov 10 20:53:10 2016 +0100
Committer: Carlos Rovira <ca...@apache.org>
Committed: Thu Nov 10 20:53:10 2016 +0100
----------------------------------------------------------------------
examples/flexjs/MDLExample/src/main/flex/App.mxml | 12 ++++++------
.../flexjs/MDLExample/src/main/resources/mdl-styles.css | 10 +++++++++-
2 files changed, 15 insertions(+), 7 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/20bfb2e1/examples/flexjs/MDLExample/src/main/flex/App.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/App.mxml b/examples/flexjs/MDLExample/src/main/flex/App.mxml
index 48e2ec7..783281a 100644
--- a/examples/flexjs/MDLExample/src/main/flex/App.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/App.mxml
@@ -36,7 +36,7 @@ limitations under the License.
<!-- Buttons https://getmdl.io/components/index.html#buttons-section -->
<js:HContainer>
- <mdl:Button/>
+ <mdl:Button className="mdlbtn"/>
<!-- Fab button -->
<mdl:Button fab="true" colored="true">
@@ -63,7 +63,7 @@ limitations under the License.
</js:HContainer>
<!-- Text Fields :: https://getmdl.io/components/index.html#textfields-section -->
- <mdl:TextInput id="mdlti" change="mdlchk.text = mdlti.text">
+ <mdl:TextInput id="mdlti" change="mdlchk.text = mdlti.text" className="mdlti_example">
<js:beads>
<mdl:TextPrompt prompt="Normal Text Field..."/>
</js:beads>
@@ -75,14 +75,14 @@ limitations under the License.
</mdl:TextInput>
<!-- Toggles :: https://getmdl.io/components/index.html#toggles-section -->
- <mdl:CheckBox id="mdlchk" text="Disabled at start" />
+ <mdl:CheckBox id="mdlchk" text="Disabled at start" className="mdlchk_example"/>
<mdl:CheckBox id="mdlchk1" text="Selected and with Ripple" selected="true" ripple="true"/>
- <mdl:RadioButton groupName="g1" text="Black"/>
+ <mdl:RadioButton groupName="g1" text="Black" className="mdlrb_example"/>
<mdl:RadioButton groupName="g1" text="Ripple" ripple="true"/>
<mdl:RadioButton groupName="g1" text="Red"/>
- <mdl:Slider/>
+ <mdl:Slider className="mdlsl_example"/>
<mdl:Slider minimum="0" maximum="10" value="2" stepSize="2" width="200"/>
@@ -114,7 +114,7 @@ limitations under the License.
</js:VContainer>
<mdl:Card width="512" shadow="2">
- <mdl:CardTitle style="color: #fff;height: 176px; background:url('assets/Unknown.jpg') center / cover;">
+ <mdl:CardTitle className="cardTitle" style="color: #fff;">
<js:H2 text="Welcome" className="mdl-card__title-text"/>
</mdl:CardTitle>
<mdl:CardSupportingText>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/20bfb2e1/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 bd344c1..d87e38c 100644
--- a/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
+++ b/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
@@ -40,4 +40,12 @@ Image
IBeadView: ClassReference("org.apache.flex.html.beads.ImageView");
}
-
+.cardTitle
+{
+ color: #fff;
+ height: 176px;
+ background-image:url('assets/Unknown.jpg'); /*center / cover;*/
+ background-size: cover;
+ background-position: 50% 50%;
+ background-repeat: initial initial;
+}
\ No newline at end of file