javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): update to use shadow DOM and work with css variables

Browse Source 
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
This commit is contained in:
Brandy Carney
2018-07-09 12:57:21 -04:00
parent a4659f03b4
commit a7f1f4daa7
710 changed files with 20999 additions and 20853 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/picker-column/picker-column.tsx
View File

@ -1,15 +1,13 @@
import { Component, Element, Prop } from '@stencil/core';
import { GestureDetail, Mode, PickerColumn, PickerColumnOption, QueueController } from '../../interface';
import { Component, Element, Prop, QueueApi } from '@stencil/core';
import { GestureDetail, Mode, PickerColumn, PickerColumnOption } from '../../interface';
import { hapticSelectionChanged } from '../../utils';
import { clamp } from '../../utils/helpers';
import { createThemedClasses } from '../../utils/theme';
/** @hidden */
@Component({
tag: 'ion-picker-column',
host: {
theme: 'picker-col'
}
tag: 'ion-picker-column'
})
export class PickerColumnCmp {
mode!: Mode;
@ -29,7 +27,7 @@ export class PickerColumnCmp {
@Element() el!: HTMLElement;
@Prop({ context: 'queue' }) queue!: QueueController;
@Prop({ context: 'queue' }) queue!: QueueApi;
@Prop() col!: PickerColumn;
@ -383,6 +381,8 @@ export class PickerColumnCmp {
hostData() {
return {
class: {
...createThemedClasses(this.mode, 'picker-col'),
'picker-opts-left': this.col.align === 'left',
'picker-opts-right': this.col.align === 'right'
},