Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Angular IOS cannot set MDTabStrip{ highlight-color: red;}

See original GitHub issue

Which platform(s) does your issue occur on?

iOS
iOS 13.5
emulator

Please, provide the following version numbers that your issue occurs with:

CLI: (run tns --version to fetch it)
Cross-platform modules: “@nativescript/core”: “~7.3.0”,
Runtime(s): “tns-ios”: “6.5.4”
Plugin(s): “@nativescript-community/ui-material-tabs”: “^5.2.20”,

Please, tell us how to recreate the issue in as much detail as possible.

I am currently trying to replace the NS7 Tabs with the ui-material-components MDTabs as I have red that this should be a dropin replacement. Unfortunately, the highlight on tab selection (on button release) and the line below the selected tab appear in violett (default color I assume) Seems like those should be set via

MDTabStrip { highlight-color: red; } This worked for the NS7 Tabs, but does not currently work for this plugin

Issue Analytics

State:
Created 2 years ago
Comments:16 (7 by maintainers)

Top GitHub Comments

1reaction

farfromrefugcommented, Jul 8, 2021

@cjohn001 ripple-color should work for MDTabStrip. could you try ?

1reaction

cjohn001commented, Jul 8, 2021

@farfromrefug:

MDTabStrip { highlight-color: red; }

Highlight color is now also working for me. I have one last question before closing the issue. The ripple effect when selecting a tab uses the themer.setPrimaryColor(). Is there also a CSS option available which I could use to set it with angular?

Top Results From Across the Web

@nativescript-community/ui-material-tabs - npm

Material Design Tabs organize content across different screens, data sets, and other interactions.. Latest version: 7.0.33, last published: ...

Disabled input text color on iOS - iphone - Stack Overflow

I couldn't find an explanation (nothing like that in Chrome's user agent style sheet - only "background-color: rgb(235, 235, 228)" for disabled inputs)...

Manually set Safari 15 tab color-t… | Apple Developer Forums

I was wondering if there is any way to manually set the Safari 15 tab color-theme ... (red for closing, yellow for minimizing,...

nativescript-community/ui-material-bottom-navigation

Plain NativeScript; Angular; Vue; React ... <Label text="Home" ios:fontSize="10" android:fontSize="12"></Label> ... highlight-color: red;

How to Turn Off Tab Bar Coloring / Tinting in Safari - MacRumors

In iOS 15 as well as Safari 15 for macOS Big Sur and macOS Catalina, Apple introduced some Safari interface design changes that...