javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-15 19:26:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3110 from NativeScript/vchimev-flexbox

Browse Source 
Update flexbox css test page
This commit is contained in:
Vasil Chimev
2016-11-17 17:55:47 +02:00
committed by GitHub
parent 1691e0edd3 4619022b3c
commit c669fa8281
3 changed files with 10 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/app/ui-tests-app/flexbox/flexbox-css.css
View File

@ -1,13 +0,0 @@
#container {
border-color: black;
border-width: 1;
margin: 5;
}
#container>Label {
border-width: 2;
border-color: black;
border-radius: 5;
}
#container>Label[selected="yes"] {
border-color: gray;
}

15
apps/app/ui-tests-app/flexbox/flexbox-css.ts
View File

@ -1,21 +1,20 @@
export function resetStyles(args) {
args.object.page.css = "#container { border-color: black; border-width: 1; margin: 5; } #container>Label { border-width: 2; border-color: black; border-radius: 5; }";
}
export const flexFlow = applyCss();
function applyCss() {
return function(args) {
// args.object.page.getViewById("container")[what] = args.object.text;
let boxCss = " #container { " + args.object.tag + " }" ;
// console.log(boxCss);
args.object.page.addCss(boxCss);
console.log(args.object.page.css);
// console.log(args.object.page.css);
}
}
export function applyStyles(args) {
// var css = "#test-element { " + args.object.tag + " }";
console.log(args.object.tag);
resetStyles(args);
// console.log(args.object.tag);
args.object.page.addCss(args.object.tag);
}
export function resetTap(args) {
args.object.page.css = "";
}

4
apps/app/ui-tests-app/flexbox/flexbox-css.xml
View File

@ -1,7 +1,9 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" android:actionBarHidden="true" loaded="onLoaded">
<Page xmlns="http://schemas.nativescript.org/tns.xsd" android:actionBarHidden="true" loaded="resetStyles">
<GridLayout rows="200, *">
<FlexboxLayout style="flex-wrap: wrap;">
<Button text="r" tap="resetStyles" automationText="reset" />
<!--container-->
<Button text="f" tag="flex-flow: row-reverse wrap-reverse;" tap="flexFlow" automationText="flexFlow" />