Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):
✔ Getting NativeScript components versions information...
✔ Component nativescript has 8.1.5 version and is up to date.
✔ Component @nativescript/core has 8.1.5 version and is up to date.
✔ Component @nativescript/ios has 8.1.0 version and is up to date.
✔ Component @nativescript/android has 8.1.1 version and is up to date.
I have listview swipe actions which have a colored background and white text. When disabled, I'd like them to have a gray background and black text so as to be more legible. I can style the background color of the StackLayout:
Environment Provide version numbers for the following components (information can be retrieved by running
tns info
in your project folder or by inspecting thepackage.json
of the project):✔ Getting NativeScript components versions information... ✔ Component nativescript has 8.1.5 version and is up to date. ✔ Component @nativescript/core has 8.1.5 version and is up to date. ✔ Component @nativescript/ios has 8.1.0 version and is up to date. ✔ Component @nativescript/android has 8.1.1 version and is up to date.
{ "name": "festivelo", "main": "app/app.js", "version": "6.0.0", "private": true, "dependencies": { "@bradmartin/nativescript-urlhandler": "^2.0.1", "@kefah/nativescript-google-maps": "^1.0.3", "@master.technology/permissions": "^2.0.1", "@nativescript/appversion": "^2.0.0", "@nativescript/core": "~8.1.1", "@nativescript/email": "^2.0.5", "@nativescript/firebase": "^11.1.3", "@nativescript/geolocation": "^8.0.2", "@nativescript/iqkeyboardmanager": "^2.0.0", "@nativescript/theme": "^3.0.2", "@triniwiz/nativescript-toasty": "^4.1.3", "base-64": "^1.0.0", "nativescript-bitmap-factory": "^1.8.1", "nativescript-clipboard": "^2.1.1", "nativescript-contacts": "^1.6.4", "nativescript-danem-google-maps-utils": "^1.0.18", "nativescript-drop-down": "^6.0.0", "nativescript-pdf-view": "^3.0.0-1", "nativescript-phone": "^3.0.2", "nativescript-screenshot": "^0.0.2", "nativescript-sqlite": "^2.8.6", "nativescript-ui-listview": "^10.0.2", "nativescript-ui-sidedrawer": "^10.0.2", "patch-package": "^6.4.7" }, "devDependencies": { "@nativescript/android": "8.1.1", "@nativescript/ios": "8.1.0", "@nativescript/webpack": "~5.0.0" }, "scripts": { "postinstall": "patch-package" } }
Describe the bug
I have listview swipe actions which have a colored background and white text. When disabled, I'd like them to have a gray background and black text so as to be more legible. I can style the background color of the StackLayout:
But, I am unable to modify the text color, even when specified directly as an inline style, which has the highest css specificity.
Is there a way to specify the text color for disabled labels?
To Reproduce
Expected behavior Inline styling would be respected.
Sample project
Additional context This is a NativeScript JavaScript project