mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
feat(android): elevation shadow support (#7136)
This commit is contained in:
committed by
Manol Donev
parent
f8754913c3
commit
cf533a7b6d
43
apps/app/ui-tests-app/css/elevation.css
Normal file
43
apps/app/ui-tests-app/css/elevation.css
Normal file
@@ -0,0 +1,43 @@
|
||||
Label, Button {
|
||||
text-align: center;
|
||||
padding: 10;
|
||||
margin: 16;
|
||||
background-color: #bbb;
|
||||
}
|
||||
|
||||
.elevation-0 {
|
||||
android-elevation: 0;
|
||||
}
|
||||
|
||||
.elevation-2 {
|
||||
android-elevation: 2;
|
||||
}
|
||||
|
||||
.elevation-4 {
|
||||
android-elevation: 4;
|
||||
}
|
||||
|
||||
.elevation-4:highlighted {
|
||||
android-elevation: 2;
|
||||
}
|
||||
|
||||
.elevation-8 {
|
||||
android-elevation: 8;
|
||||
}
|
||||
|
||||
.elevation-10 {
|
||||
android-elevation: 10;
|
||||
}
|
||||
|
||||
.pressed-z-10 {
|
||||
android-dynamic-elevation-offset: 10;
|
||||
}
|
||||
|
||||
.round {
|
||||
color: #fff;
|
||||
background-color: #ff1744;
|
||||
border-radius: 50%; /* TODO kills elevation */
|
||||
width: 80;
|
||||
height: 80;
|
||||
android-elevation: 8;
|
||||
}
|
||||
Reference in New Issue
Block a user