mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
Implement non uniform border corner radiuses and fix blinking image-view radiuses (#4573)
* Image corners were blinking in #4322 and CSS border will now draw non uniform corner radiuses if the border color is uniform * Implement per-side corner radiuses for iOS * Update stretch-mode example * Update matrix-mode example * Update image resources * Add clipping for non uniform radii without border width, don't throw for missing image resources in css
This commit is contained in:
31
apps/app/ui-tests-app/css/missing-background-image.css
Normal file
31
apps/app/ui-tests-app/css/missing-background-image.css
Normal file
@@ -0,0 +1,31 @@
|
||||
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
|
||||
width: 30;
|
||||
height: 30;
|
||||
background-size: 100% 100%;
|
||||
background-color: yellow;
|
||||
margin: 1;
|
||||
}
|
||||
|
||||
.c1, .c3, .c5 {
|
||||
background-image: url("~/ui-tests-app/the-never-found-unicorn.png");
|
||||
}
|
||||
|
||||
.c2, .c4, .c6 {
|
||||
background-image: url("~/ui-tests-app/resources/images/no-image.png");
|
||||
}
|
||||
|
||||
.c7, .c9, .c11 {
|
||||
background-image: url("res://theneverfoundunicorn");
|
||||
}
|
||||
|
||||
.c8, .c10, .c12 {
|
||||
background-image: url("res://testlogo");
|
||||
}
|
||||
|
||||
.c3, .c4, .c9, .c10 {
|
||||
border-radius: 10;
|
||||
}
|
||||
|
||||
.c5, .c6, .c11, .c12 {
|
||||
border-radius: 5 10 15 20;
|
||||
}
|
||||
Reference in New Issue
Block a user