javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-14 18:12:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(css): box-shadow none handling (#10445)

Browse Source 
closes https://github.com/NativeScript/NativeScript/issues/10403
This commit is contained in:
Nathan Walker
2023-11-19 15:30:07 -08:00
committed by GitHub
parent 5b9d861fa3
commit 67440095f4
7 changed files with 20 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/toolbox/src/app.css
View File

@ -221,4 +221,8 @@ Button {
.switch-demo-page Switch.custom-switch:disabled:checked {
color: #ddd;
background-color: #777;
}
.no-shadow {
box-shadow: none;
}

6
apps/toolbox/src/pages/box-shadow.xml
View File

@ -9,7 +9,7 @@
<!-- layouts -->
<ScrollView height="100%" visibility="{{ selectedComponentType === 'layouts' ? 'visible' : 'collapsed' }}">
<StackLayout padding="20">
<StackLayout width="300" height="100" class="demo-component" boxShadow="{{ appliedBoxShadow }}" borderColor="{{ borderColor }}" borderWidth="{{ borderWidth }}" borderRadius="{{ borderRadius }}" background="{{ background }}" tap="{{ toggleAnimation }}">
<StackLayout width="300" height="100" class="demo-component" boxShadow="{{ appliedBoxShadow }}" borderColor="{{ borderColor }}" borderWidth="{{ borderWidth }}" borderRadius="{{ borderRadius }}" background="{{ background }}" tap="{{ toggleAnimation }}">
<Label text="StackLayout" />
</StackLayout>
@ -40,10 +40,12 @@
</GridLayout>
<!-- buttons -->
<GridLayout rows="*" height="100%" visibility="{{ selectedComponentType === 'buttons' ? 'visible' : 'collapsed' }}">
<GridLayout rows="*,*" height="100%" visibility="{{ selectedComponentType === 'buttons' ? 'visible' : 'collapsed' }}">
<Button horizontalAlignment="center" verticalAlignment="center" class="demo-component" boxShadow="{{ appliedBoxShadow }}" borderColor="{{ borderColor }}" borderWidth="{{ borderWidth }}" borderRadius="{{ borderRadius }}" background="{{ background }}" tap="{{ toggleAnimation }}" text="button" />
<Button row="1" horizontalAlignment="center" verticalAlignment="center" class="demo-component no-shadow" text="button no shadow" />
</GridLayout>
<!-- images -->