Skip to content

Commit ed1647e

Browse files
fil0157fil0157
committed
Some html updates
1 parent 8976388 commit ed1647e

File tree

22 files changed

+281
-362
lines changed

22 files changed

+281
-362
lines changed

‎src/angular-colorful/src/lib/components/common/alpha-color-picker/alpha-color-picker.component.html‎

Lines changed: 7 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,7 @@
1-
<div class="color-picker">
2-
<div class="color-picker__saturation">
3-
<saturation
4-
[color]="color"
5-
(move)="onColorChanged($event)">
6-
</saturation>
7-
</div>
8-
<hue
9-
[color]="color"
10-
(move)="onColorChanged($event)">
11-
</hue>
12-
<alpha
13-
[color]="color"
14-
(move)="onColorChanged($event)">
15-
</alpha>
16-
</div>
1+
<div class="color-picker">
2+
<div class="color-picker__saturation">
3+
<saturation [color]="color" (move)="onColorChanged($event)"/>
4+
</div>
5+
<hue [color]="color" (move)="onColorChanged($event)"/>
6+
<alpha [color]="color" (move)="onColorChanged($event)"/>
7+
</div>

‎src/angular-colorful/src/lib/components/common/alpha/alpha.component.html‎

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
1-
<div class="alpha alpha-pattern last-control">
2-
3-
<div
4-
class="alpha-gradient"
5-
[style.background-image]="'linear-gradient(90deg, ' + bgColorFrom + ', ' + bgColorTo + ')'">
6-
</div>
7-
8-
<interactive
9-
[left]="left"
10-
[color]="bgColor"
11-
(move)="onMove($event)">
12-
</interactive>
13-
14-
</div>
1+
<div class="alpha alpha-pattern last-control">
2+
3+
<div
4+
class="alpha-gradient"
5+
[style.background-image]="'linear-gradient(90deg, ' + bgColorFrom + ', ' + bgColorTo + ')'">
6+
</div>
7+
8+
<interactive [left]="left" [color]="bgColor" (move)="onMove($event)"/>
9+
10+
</div>

‎src/angular-colorful/src/lib/components/common/color-picker/color-picker.component.html‎

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,6 @@
1-
<div class="color-picker">
2-
<div class="color-picker__saturation">
3-
<saturation
4-
[color]="color"
5-
(move)="onColorChanged($event)">
6-
</saturation>
7-
</div>
8-
<hue
9-
[color]="color"
10-
(move)="onColorChanged(color)">
11-
</hue>
12-
</div>
1+
<div class="color-picker">
2+
<div class="color-picker__saturation">
3+
<saturation [color]="color" (move)="onColorChanged($event)"/>
4+
</div>
5+
<hue [color]="color" (move)="onColorChanged(color)"/>
6+
</div>

‎src/angular-colorful/src/lib/components/common/hue/hue.component.html‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
1-
<div class="hue">
2-
<interactive
3-
[left]="left"
4-
[color]="bgColor"
5-
(move)="onMove($event)">
6-
</interactive>
7-
</div>
1+
<div class="hue">
2+
<interactive [left]="left" [color]="bgColor" (move)="onMove($event)"/>
3+
</div>

‎src/angular-colorful/src/lib/components/common/saturation/saturation.component.html‎

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
1-
<div
2-
class="saturation"
3-
[ngStyle]="{'background-color': grColor}">
4-
<interactive
5-
[top]="top"
6-
[left]="left"
7-
[color]="bgColor"
8-
(move)="onMove($event)">
9-
</interactive>
10-
</div>
1+
<div
2+
class="saturation"
3+
[ngStyle]="{'background-color': grColor}">
4+
<interactive [top]="top" [left]="left" [color]="bgColor" (move)="onMove($event)"/>
5+
</div>

‎src/angular-colorful/src/lib/components/hex-color-picker/hex-color-picker.component.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
<color-picker
2-
[color]="hsvaColor"
3-
(colorChanged)="onColorChanged($event)">
4-
</color-picker>
1+
<color-picker [color]="hsvaColor" (colorChanged)="onColorChanged($event)"/>

‎src/angular-colorful/src/lib/components/hsl-color-picker/hsl-color-picker.component.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
<color-picker
2-
[color]="hsvaColor"
3-
(colorChanged)="onColorChanged($event)">
4-
</color-picker>
1+
<color-picker [color]="hsvaColor" (colorChanged)="onColorChanged($event)"/>

‎src/angular-colorful/src/lib/components/hsl-string-color-picker/hsl-string-color-picker.component.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
<color-picker
2-
[color]="hsvaColor"
3-
(colorChanged)="onColorChanged($event)">
4-
</color-picker>
1+
<color-picker [color]="hsvaColor" (colorChanged)="onColorChanged($event)"/>

‎src/angular-colorful/src/lib/components/hsla-color-picker/hsla-color-picker.component.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
<alpha-color-picker
2-
[color]="hsvaColor"
3-
(colorChanged)="onColorChanged($event)">
4-
</alpha-color-picker>
1+
<alpha-color-picker [color]="hsvaColor" (colorChanged)="onColorChanged($event)"/>

‎src/angular-colorful/src/lib/components/hsla-string-color-picker/hsla-string-color-picker.component.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
<alpha-color-picker
2-
[color]="hsvaColor"
3-
(colorChanged)="onColorChanged($event)">
4-
</alpha-color-picker>
1+
<alpha-color-picker [color]="hsvaColor" (colorChanged)="onColorChanged($event)"/>

0 commit comments

Comments
 (0)