Skip to content

Commit 4b8ec39

Browse files
epetrowepetrow
committed
feat(grid): define variables for large grid
1 parent 94b87ee commit 4b8ec39

File tree

10 files changed

+165
-1
lines changed

10 files changed

+165
-1
lines changed

‎packages/bootstrap/scss/chip/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default;
6565
/// @group chip
6666
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6767
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
68-
68+
$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6969

7070
/// The map with the sizes of the Chip.
7171
/// @group chip

‎packages/bootstrap/scss/grid/_variables.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul
8484
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
8585
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
8686

87+
$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default;
88+
$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default;
89+
$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default;
90+
$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default;
91+
$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default;
92+
$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default;
93+
$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default;
94+
$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default;
95+
$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default;
96+
$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default;
97+
$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default;
98+
$kendo-grid-lg-edit-cell-padding-y: 6px !default;
99+
$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
100+
$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default;
101+
$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default;
87102

88103
// Kendo Grid sizes
89104
$kendo-grid-sizes: (
@@ -121,6 +136,23 @@ $kendo-grid-sizes: (
121136
selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
122137
selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
123138
),
139+
lg: (
140+
header-padding-x: $kendo-grid-lg-header-padding-x,
141+
header-padding-y: $kendo-grid-lg-header-padding-y,
142+
grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x,
143+
grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y,
144+
cell-padding-x: $kendo-grid-lg-cell-padding-x,
145+
cell-padding-y: $kendo-grid-lg-cell-padding-y,
146+
filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x,
147+
filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y,
148+
edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x,
149+
edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y,
150+
button-padding-y: $kendo-button-lg-padding-y,
151+
button-calc-size: $kendo-button-lg-calc-size,
152+
group-dropclue-height: $kendo-grid-lg-group-dropclue-height,
153+
selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x,
154+
selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y,
155+
)
124156
) !default;
125157

126158
$kendo-grid-header-font-size: null !default;

‎packages/classic/scss/chip/_variables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default;
6666
/// @group chip
6767
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6868
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
69+
$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6970

7071
/// The map with the sizes of the Chip.
7172
/// @group chip

‎packages/classic/scss/grid/_variables.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul
9090
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
9191
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
9292

93+
$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default;
94+
$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default;
95+
$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default;
96+
$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default;
97+
$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default;
98+
$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default;
99+
$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default;
100+
$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default;
101+
$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default;
102+
$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default;
103+
$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default;
104+
$kendo-grid-lg-edit-cell-padding-y: 6px !default;
105+
$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
106+
$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default;
107+
$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default;
93108

94109
// Kendo Grid sizes
95110
$kendo-grid-sizes: (
@@ -127,6 +142,23 @@ $kendo-grid-sizes: (
127142
selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
128143
selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
129144
),
145+
lg: (
146+
header-padding-x: $kendo-grid-lg-header-padding-x,
147+
header-padding-y: $kendo-grid-lg-header-padding-y,
148+
grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x,
149+
grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y,
150+
cell-padding-x: $kendo-grid-lg-cell-padding-x,
151+
cell-padding-y: $kendo-grid-lg-cell-padding-y,
152+
filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x,
153+
filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y,
154+
edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x,
155+
edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y,
156+
button-padding-y: $kendo-button-lg-padding-y,
157+
button-calc-size: $kendo-button-lg-calc-size,
158+
group-dropclue-height: $kendo-grid-lg-group-dropclue-height,
159+
selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x,
160+
selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y,
161+
)
130162
) !default;
131163

132164

‎packages/default/scss/chip/_variables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default;
6666
/// @group chip
6767
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6868
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
69+
$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6970

7071
/// The map with the sizes of the Chip.
7172
/// @group chip

‎packages/default/scss/grid/_variables.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul
8383
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
8484
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
8585

86+
$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default;
87+
$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default;
88+
$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default;
89+
$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default;
90+
$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default;
91+
$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default;
92+
$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default;
93+
$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default;
94+
$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default;
95+
$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default;
96+
$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default;
97+
$kendo-grid-lg-edit-cell-padding-y: 6px !default;
98+
$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
99+
$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default;
100+
$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default;
86101

87102
// Kendo Grid sizes
88103
$kendo-grid-sizes: (
@@ -120,6 +135,23 @@ $kendo-grid-sizes: (
120135
selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
121136
selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
122137
),
138+
lg: (
139+
header-padding-x: $kendo-grid-lg-header-padding-x,
140+
header-padding-y: $kendo-grid-lg-header-padding-y,
141+
grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x,
142+
grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y,
143+
cell-padding-x: $kendo-grid-lg-cell-padding-x,
144+
cell-padding-y: $kendo-grid-lg-cell-padding-y,
145+
filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x,
146+
filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y,
147+
edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x,
148+
edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y,
149+
button-padding-y: $kendo-button-lg-padding-y,
150+
button-calc-size: $kendo-button-lg-calc-size,
151+
group-dropclue-height: $kendo-grid-lg-group-dropclue-height,
152+
selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x,
153+
selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y,
154+
)
123155
) !default;
124156

125157
$kendo-grid-header-font-size: null !default;

‎packages/fluent/scss/chip/_variables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ $kendo-chip-lg-line-height: var( --kendo-line-height, normal ) !default;
9393
/// @group chip
9494
$kendo-chip-calc-size: calc( #{$kendo-chip-md-line-height} * 1em + #{$kendo-chip-md-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default;
9595
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height} * 1em + #{$kendo-chip-sm-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default;
96+
$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height} * 1em + #{$kendo-chip-lg-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default;
9697

9798
/// The map with the sizes of the Chip.
9899
/// @group chip

‎packages/fluent/scss/grid/_variables.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul
114114
$kendo-grid-md-selection-aggregates-padding-x: map.get( $kendo-spacing, 2 ) !default;
115115
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
116116

117+
$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default;
118+
$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default;
119+
$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default;
120+
$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default;
121+
$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default;
122+
$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default;
123+
$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default;
124+
$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default;
125+
$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default;
126+
$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default;
127+
$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default;
128+
$kendo-grid-lg-edit-cell-padding-y: 6px !default;
129+
$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
130+
$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default;
131+
$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default;
117132

118133
// Kendo Grid sizes
119134
$kendo-grid-sizes: (
@@ -151,6 +166,23 @@ $kendo-grid-sizes: (
151166
selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
152167
selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
153168
),
169+
lg: (
170+
header-padding-x: $kendo-grid-lg-header-padding-x,
171+
header-padding-y: $kendo-grid-lg-header-padding-y,
172+
grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x,
173+
grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y,
174+
cell-padding-x: $kendo-grid-lg-cell-padding-x,
175+
cell-padding-y: $kendo-grid-lg-cell-padding-y,
176+
filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x,
177+
filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y,
178+
edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x,
179+
edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y,
180+
button-padding-y: $kendo-button-lg-padding-y,
181+
button-calc-size: $kendo-button-lg-calc-size,
182+
group-dropclue-height: $kendo-grid-lg-group-dropclue-height,
183+
selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x,
184+
selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y,
185+
)
154186
) !default;
155187

156188

‎packages/material/scss/chip/_variables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default;
6666
/// @group chip
6767
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6868
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
69+
$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
6970

7071
/// The map with the sizes of the Chip.
7172
/// @group chip

‎packages/material/scss/grid/_variables.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul
8585
$kendo-grid-md-selection-aggregates-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
8686
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
8787

88+
$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default;
89+
$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default;
90+
$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default;
91+
$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default;
92+
$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default;
93+
$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default;
94+
$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default;
95+
$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default;
96+
$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default;
97+
$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default;
98+
$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default;
99+
$kendo-grid-lg-edit-cell-padding-y: 6px !default;
100+
$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
101+
$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default;
102+
$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default;
88103

89104
// Kendo Grid sizes
90105
$kendo-grid-sizes: (
@@ -122,6 +137,23 @@ $kendo-grid-sizes: (
122137
selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
123138
selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
124139
),
140+
lg: (
141+
header-padding-x: $kendo-grid-lg-header-padding-x,
142+
header-padding-y: $kendo-grid-lg-header-padding-y,
143+
grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x,
144+
grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y,
145+
cell-padding-x: $kendo-grid-lg-cell-padding-x,
146+
cell-padding-y: $kendo-grid-lg-cell-padding-y,
147+
filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x,
148+
filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y,
149+
edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x,
150+
edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y,
151+
button-padding-y: $kendo-button-lg-padding-y,
152+
button-calc-size: $kendo-button-lg-calc-size,
153+
group-dropclue-height: $kendo-grid-lg-group-dropclue-height,
154+
selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x,
155+
selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y,
156+
)
125157
) !default;
126158

127159
$kendo-grid-header-font-size: 12px !default;

0 commit comments

Comments
 (0)