javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ios): improved shadow handling with background UI rework (#10374)

Browse Source 
BREAKING CHANGES: 

`CSSShadow` was renamed into `ShadowCSSValues`
This commit is contained in:
Dimitris-Rafail Katsampas
2023-09-06 18:17:29 +03:00
committed by GitHub
parent a959a797df
commit 39eed526c1
32 changed files with 1433 additions and 858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/toolbox/src/pages/box-shadow.ts
View File

@@ -15,6 +15,7 @@ export class BoxShadowModel extends Observable {
// private _boxShadow: string = '5 5 5 10 rgba(255, 0, 0, .9)';
background: string;
borderColor: string;
borderWidth: number;
borderRadius: number;
appliedBoxShadow: string;
@@ -72,18 +73,23 @@ export class BoxShadowModel extends Observable {
this.notifyPropertyChange('selectedBorderType', value);
switch (value) {
case 'solid':
this.borderWidth = this.borderWidth ? 0 : 2;
this.borderWidth = this.borderWidth ? 0 : 5;
break;
case 'rounded':
this.borderRadius = this.borderRadius ? 0 : 10;
break;
case 'colorful':
this.borderColor = this.borderColor ? null : 'green blue pink yellow';
break;
case 'none':
this.borderColor = null;
this.borderRadius = 0;
this.borderWidth = 0;
break;
default:
break;
}
this.notifyPropertyChange('borderColor', this.borderColor);
this.notifyPropertyChange('borderRadius', this.borderRadius);
this.notifyPropertyChange('borderWidth', this.borderWidth);
}