javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 03:31:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed issue #1655 cascading css selectors.

Browse Source
This commit is contained in:
Nedyalko Nikolov
2016-06-16 09:38:13 +03:00
parent a95d8c5c32
commit 7fbfc92155
2 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
tests/app/ui/styling/style-tests.ts
View File

@ -1426,6 +1426,23 @@ export function test_UsingSameSelectorsWithSpecific_ShouldApplyLatest() {
}
helper.buildUIAndRunTest(testButton, testFunc, testCss);
}
export function test_CascadingClassNamesAppliesAfterPageLoad() {
const stack = new stackModule.StackLayout();
const label = new labelModule.Label();
label.text = "Some text";
label.cssClass = 'lab1';
stack.addChild(label);
application.addCss(".added { background-color: red; } .added .lab1 { background-color: blue; } .lab1 { color: red}");
helper.buildUIAndRunTest(stack, function (views: Array<viewModule.View>) {
helper.assertViewColor(label, "#FF0000");
stack.className = "added";
helper.assertViewBackgroundColor(label, "#0000FF");
helper.assertViewBackgroundColor(stack, "#FF0000");
});
}
// <snippet module="ui/styling" title="styling">
// For information and example how to use style properties please refer to special [**Styling**](../../../styling.md) topic.
// </snippet>

4
tns-core-modules/ui/core/view-common.ts
View File

@ -614,6 +614,10 @@ export class View extends ProxyObject implements definition.View {
if (metadata.affectsStyle) {
this.style._resetCssValues();
this._applyStyleFromScope();
this._eachChildView((v) => {
v._checkMetadataOnPropertyChanged(metadata);
return true;
});
}
}