Skip to content

Commit f723c9b

Browse files
adrianptrvadrianptrv
committed
refactor(samples): align samples with docs
1 parent b23d81d commit f723c9b

File tree

40 files changed

+174
-172
lines changed

40 files changed

+174
-172
lines changed

‎src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,5 +20,5 @@ $dark-highlight: highlight-theme(
2020
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
2121
}
2222
}
23-
};
23+
}
2424

‎src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<button igxButton [igxRipple]="rippleColor">
1010
<igx-icon>format_align_right</igx-icon>
1111
</button>
12-
<button igxButton [igxRipple]="rippleColor" [selected]="true">
12+
<button igxButton [igxRipple]="rippleColor" selected>
1313
<igx-icon>format_align_justify</igx-icon>
1414
</button>
1515
</igx-buttongroup>

‎src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<igx-buttongroup [alignment]="alignment">
33
<button igxButton [igxRipple]="rippleColor">Sofia</button>
44
<button igxButton [igxRipple]="rippleColor">London</button>
5-
<button igxButton [selected]="true" [igxRipple]="rippleColor">New York</button>
5+
<button igxButton selected [igxRipple]="rippleColor">New York</button>
66
<button igxButton [igxRipple]="rippleColor">Tokyo</button>
77
</igx-buttongroup>
88
</article>

‎src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
<button igxButton igxRipple="white">Sofia</button>
44
<button igxButton igxRipple="white">London</button>
55
<button igxButton igxRipple="white">New York</button>
6-
<button igxButton igxRipple="white" [disabled]="true">Tokyo</button>
6+
<button igxButton igxRipple="white" disabled>Tokyo</button>
77
</igx-buttongroup>
88
</article>

‎src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.scss‎

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,48 @@
11
.wrapper {
2-
display: flex;
3-
flex-flow: row wrap;
2+
display: flex;
3+
flex-flow: row wrap;
44
}
55

66
.button-sample {
7-
display: flex;
8-
flex-flow: row wrap;
9-
justify-content: center;
10-
align-items: center;
11-
flex: 1 0 30%;
12-
margin: 16px 0;
7+
display: flex;
8+
flex-flow: row wrap;
9+
justify-content: center;
10+
align-items: center;
11+
flex: 1 0 30%;
12+
margin: 16px 0;
1313
}
1414

1515
[igxIconButton="flat"] {
16-
--foreground: #011627;
17-
--background: #FEFEFE;
18-
--hover-background: #ECAA53;
19-
--focus-foreground: #011627dc;
20-
--focus-background: #ECAA53;
21-
--active-foreground: #011627dc;
22-
--active-background: #ECAA53;
16+
--foreground: #011627;
17+
--background: #FEFEFE;
18+
--hover-background: #ECAA53;
19+
--focus-foreground: #011627dc;
20+
--focus-background: #ECAA53;
21+
--active-foreground: #011627dc;
22+
--active-background: #ECAA53;
2323
}
2424

2525
[igxIconButton="contained"] {
26-
--background: #011627;
27-
--foreground: #FEFEFE;
28-
--hover-foreground: #011627dc;
29-
--hover-background: #ECAA53;
30-
--focus-foreground: #011627dc;
31-
--focus-background: #ECAA53;
32-
--focus-border-color: #0116276c;
33-
--active-foreground: #011627dc;
34-
--active-background: #ECAA53;
26+
--background: #011627;
27+
--foreground: #FEFEFE;
28+
--hover-foreground: #011627dc;
29+
--hover-background: #ECAA53;
30+
--focus-foreground: #011627dc;
31+
--focus-background: #ECAA53;
32+
--focus-border-color: #0116276c;
33+
--active-foreground: #011627dc;
34+
--active-background: #ECAA53;
3535
}
3636

3737
[igxIconButton="outlined"] {
38-
--foreground: #011627;
39-
--background: #FEFEFE;
40-
--border-color: #011627;
41-
--hover-foreground: #011627dc;
42-
--hover-background: #ECAA53;
43-
--focus-foreground: #011627dc;
44-
--focus-background: #ECAA53;
45-
--focus-border-color: #0116276c;
46-
--active-foreground: #011627dc;
47-
--active-background: #ECAA53;
38+
--foreground: #011627;
39+
--background: #FEFEFE;
40+
--border-color: #011627;
41+
--hover-foreground: #011627dc;
42+
--hover-background: #ECAA53;
43+
--focus-foreground: #011627dc;
44+
--focus-background: #ECAA53;
45+
--focus-border-color: #0116276c;
46+
--active-foreground: #011627dc;
47+
--active-background: #ECAA53;
4848
}

‎src/app/grid/column-selection-styles/column-selection-styles.component.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33

44
$custom-grid-theme: grid-theme(
55
$row-selected-background: #011627,
6-
$row-selected-text-color: #ECAA53,
6+
$row-selected-text-color: #ecaa53,
77
$row-selected-hover-background: #011627,
8-
$header-selected-text-color: #ECAA53,
8+
$header-selected-text-color: #ecaa53,
99
$header-selected-background: #011627
1010
);
1111

‎src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,3 +68,4 @@ $dark-drop-down-theme: drop-down-theme(
6868
}
6969
}
7070
}
71+

‎src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.scss‎

Lines changed: 49 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -5,62 +5,62 @@ $black: #292826;
55
$muted-yellow: #ffe482;
66

77
$custom-button: button-theme(
8-
$schema: $dark-material-schema,
9-
$background: $black,
10-
$foreground: $yellow,
11-
$hover-foreground: $black,
12-
$hover-background: $yellow,
13-
$focus-foreground: $yellow,
14-
$focus-background: $black,
15-
$active-background: $yellow,
16-
$active-foreground: $black,
17-
$border-color: $yellow,
18-
$hover-border-color: $yellow,
19-
$focus-border-color: $yellow,
20-
$active-border-color: $yellow
8+
$schema: $dark-material-schema,
9+
$background: $black,
10+
$foreground: $yellow,
11+
$hover-foreground: $black,
12+
$hover-background: $yellow,
13+
$focus-foreground: $yellow,
14+
$focus-background: $black,
15+
$active-background: $yellow,
16+
$active-foreground: $black,
17+
$border-color: $yellow,
18+
$hover-border-color: $yellow,
19+
$focus-border-color: $yellow,
20+
$active-border-color: $yellow
2121
);
2222

2323
$custom-button-group: button-group-theme(
24-
$schema: $dark-material-schema,
25-
$item-background: $black,
26-
$item-text-color: $yellow,
27-
$item-border-color: $yellow,
28-
$item-selected-background: $yellow,
29-
$item-hover-background: $yellow,
30-
$item-selected-hover-background: $yellow,
31-
$item-disabled-border: $yellow,
32-
$item-selected-border-color: $yellow
24+
$schema: $dark-material-schema,
25+
$item-background: $black,
26+
$item-text-color: $yellow,
27+
$item-border-color: $yellow,
28+
$item-selected-background: $yellow,
29+
$item-hover-background: $yellow,
30+
$item-selected-hover-background: $yellow,
31+
$item-disabled-border: $yellow,
32+
$item-selected-border-color: $yellow
3333
);
3434

3535
$custom-input-group: input-group-theme(
36-
$schema: $dark-material-schema,
37-
$idle-text-color: $yellow,
38-
$focused-text-color: $yellow,
39-
$filled-text-color: $yellow,
40-
$idle-bottom-line-color: $muted-yellow,
41-
$focused-secondary-color: $yellow
36+
$schema: $dark-material-schema,
37+
$idle-text-color: $yellow,
38+
$focused-text-color: $yellow,
39+
$filled-text-color: $yellow,
40+
$idle-bottom-line-color: $muted-yellow,
41+
$focused-secondary-color: $yellow
4242
);
4343

4444
$custom-chip: chip-theme(
45-
$schema: $dark-material-schema,
46-
$background: $yellow,
47-
$text-color: $black
45+
$schema: $dark-material-schema,
46+
$background: $yellow,
47+
$text-color: $black
4848
);
4949

5050
$custom-drop-down: drop-down-theme(
51-
$schema: $dark-material-schema,
52-
$background-color: $black,
53-
$item-text-color: $yellow,
54-
$hover-item-background: $yellow,
55-
$hover-item-text-color: $black,
56-
$focused-item-background: $yellow,
57-
$focused-item-text-color: $black,
58-
$selected-item-background: $yellow,
59-
$selected-item-text-color: $black,
60-
$selected-focus-item-background: $yellow,
61-
$selected-focus-item-text-color: $black,
62-
$selected-hover-item-background: $yellow,
63-
$selected-hover-item-text-color: $black
51+
$schema: $dark-material-schema,
52+
$background-color: $black,
53+
$item-text-color: $yellow,
54+
$hover-item-background: $yellow,
55+
$hover-item-text-color: $black,
56+
$focused-item-background: $yellow,
57+
$focused-item-text-color: $black,
58+
$selected-item-background: $yellow,
59+
$selected-item-text-color: $black,
60+
$selected-focus-item-background: $yellow,
61+
$selected-focus-item-text-color: $black,
62+
$selected-hover-item-background: $yellow,
63+
$selected-hover-item-text-color: $black
6464
);
6565

6666

@@ -71,10 +71,11 @@ $custom-drop-down: drop-down-theme(
7171
$palette: $dark-material-palette
7272
);
7373
@include css-vars($custom-button);
74-
@include css-vars($custom-button-group);
75-
@include css-vars($custom-input-group);
76-
@include css-vars($custom-chip);
77-
@include css-vars($custom-drop-down);
74+
@include css-vars($custom-button-group);
75+
@include css-vars($custom-input-group);
76+
@include css-vars($custom-chip);
77+
@include css-vars($custom-drop-down);
7878
}
7979
}
8080
}
81+

‎src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -52,12 +52,12 @@ $dark-ripple-theme: ripple-theme(
5252
@include css-vars($dark-radio-theme);
5353

5454
:host {
55-
::ng-deep {
56-
igx-column-actions, igx-grid-toolbar {
57-
@include css-vars($dark-button-theme);
58-
@include css-vars($dark-checkbox-theme);
59-
@include css-vars($dark-input-group);
60-
@include css-vars($dark-ripple-theme);
61-
}
55+
::ng-deep {
56+
igx-column-actions, igx-grid-toolbar {
57+
@include css-vars($dark-button-theme);
58+
@include css-vars($dark-checkbox-theme);
59+
@include css-vars($dark-input-group);
60+
@include css-vars($dark-ripple-theme);
6261
}
62+
}
6363
}

‎src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ $input-theme: input-group-theme(
4444

4545
:host {
4646
::ng-deep {
47-
.igx-grid__tbody{
47+
.igx-grid__tbody {
4848
@include css-vars($input-theme);
4949
}
5050
@include css-vars($checkbox-theme);

0 commit comments

Comments
 (0)