Repository navigation
CSS border-color does not recognize rgb and rgba values #2781
Description
rgb and rgba values no longer work for border-color after upgrading tns-core-modules to 2.4.0. It was working in 2.3.0
XML:
<Page loaded="loaded">
<GridLayout rows="*" cols="*" verticalAlignment="center">
<Button text="Tap me" tap="signIn" />
<Label text="Label text" />
</GridLayout>
</Page>
CSS:
Button {
margin: 20;
padding: 10;
width: 50%;
background-color: green;
border-color: rgba(255,0,0,0.8); /* Doesn't work */
border-color: rgb(255, 0, 0); /* Doesn't work */
border-color: red; /* Works */
border-color: #F00; /* Works */
border-width: 3;
}
Label {
border-color: rgba(255,0,0,0.8); /* Doesn't work */
border-color: rgb(255, 0, 0); /* Doesn't work */
border-color: red; /* Works */
border-color: #F00; /* Works */
border-width: 3;
}
Activity
NickIliev commentedon Sep 21, 2016
@3rror404 thanks you for reporting that issue - we will look into that and come back with info when we have a resolution.
Code to reproduce : https://github.com/NickIliev/NativeScript-issues/blob/master/NativeScript/issue_2781/app/app.css
hamorphis commentedon Sep 21, 2016
I am working on a fix...
[-]tns-core-modules 2.4.0 breaks border-color[/-][+]CSS border-color does not recognize rgb and rgba values[/+]Fix: CSS border-color does not recognize rgb and rgba values
Fix: CSS border-color does not recognize rgb and rgba values
3rror404 commentedon Sep 21, 2016
Hi @hamorphis,
I've just noticed that using rgb or rgba for
border-coloralso breaksborder-radiuson iOS. Not sure if your fix also addresses this?EDIT
border-radiusis also fixed in 2.4.0-2016-09-21-4189lock commentedon Aug 29, 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.