Repository navigation
Feature Request: Improved ActionBar CSS Support #2740
Description
In order to take out the action bar shadow you must use js, here is the code to do it.
if (page.ios) {
navigationBar.shadowImage = new UIImage();
navigationBar.setBackgroundImageForBarMetrics(new UIImage(), UIBarMetrics.UIBarMetricsDefault)
}
I think it would make sense to make use of the border css property to over ride that. Setting border: 0; on an ActionBar, should remove that naturally.
The other thing is I cant seem to set the actionbar to transparent/transulcent? background-color:transparent; or background-color: rgba(0,0,0,.8) would make sense, in combination with the removal of the shadow on the action bar, it would give me a clean, transparent/transulcent actionbar.
Activity
[-]Be able to style out ActionBar Shadow with CSS[/-][+]Feature Request: Improved ActionBar Support[/+][-]Feature Request: Improved ActionBar Support[/-][+]Feature Request: Improved ActionBar CSS Support[/+]sitefinitysteve commentedon Sep 16, 2016
+1 for "transparent"
wnas commentedon Oct 31, 2016
+1 for border 0 in css.
pmz commentedon Nov 1, 2016
+1. This is bugging me :)
NativeScript#2740 Feature Request: Improved ActionBar CSS Support
EddyVerbruggen commentedon Mar 29, 2017
Please join the discussion at #3900, thanks!
Implement an ActionBar 'flat' property to remove the bottom border/sh…
vakrilov commentedon Jul 28, 2017
@EddyVerbruggen Thanks for the great PR - it is merged now.
@SvetoslavTsenov Can you please add this scenario in the e2e tests for the action-bar.
SvetoslavTsenov commentedon Jul 31, 2017
A test is already included but I found an issue on iOS. When we update the flat prop. from code behind it doesn't update the UI.
Here is the sample page that we use:
https://github.com/NativeScript/NativeScript/blob/master/apps/app/ui-tests-app/action-bar/flat.ts
Please have in mind that so far for Android is it working perfectly fine.
lock commentedon Aug 28, 2019
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.