diff --git a/packages/bootstrap/scss/chip/_variables.scss b/packages/bootstrap/scss/chip/_variables.scss index 96e2667e7cf..da3dbea35db 100644 --- a/packages/bootstrap/scss/chip/_variables.scss +++ b/packages/bootstrap/scss/chip/_variables.scss @@ -65,7 +65,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default; /// @group chip $kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; - +$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; /// The map with the sizes of the Chip. /// @group chip diff --git a/packages/bootstrap/scss/grid/_variables.scss b/packages/bootstrap/scss/grid/_variables.scss index 90b00363a71..d659627ab84 100644 --- a/packages/bootstrap/scss/grid/_variables.scss +++ b/packages/bootstrap/scss/grid/_variables.scss @@ -84,6 +84,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul $kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default; $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default; +$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default; +$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default; +$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-y: 6px !default; +$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default; +$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default; // Kendo Grid sizes $kendo-grid-sizes: ( @@ -121,6 +136,23 @@ $kendo-grid-sizes: ( selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x, selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y ), + lg: ( + header-padding-x: $kendo-grid-lg-header-padding-x, + header-padding-y: $kendo-grid-lg-header-padding-y, + grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x, + grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y, + cell-padding-x: $kendo-grid-lg-cell-padding-x, + cell-padding-y: $kendo-grid-lg-cell-padding-y, + filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x, + filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y, + edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x, + edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y, + button-padding-y: $kendo-button-lg-padding-y, + button-calc-size: $kendo-button-lg-calc-size, + group-dropclue-height: $kendo-grid-lg-group-dropclue-height, + selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x, + selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y, + ) ) !default; $kendo-grid-header-font-size: null !default; diff --git a/packages/classic/scss/chip/_variables.scss b/packages/classic/scss/chip/_variables.scss index 9f3e3574363..9ae0f59640d 100644 --- a/packages/classic/scss/chip/_variables.scss +++ b/packages/classic/scss/chip/_variables.scss @@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default; /// @group chip $kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; +$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; /// The map with the sizes of the Chip. /// @group chip diff --git a/packages/classic/scss/grid/_variables.scss b/packages/classic/scss/grid/_variables.scss index 91bc819bf63..f338f6847ae 100644 --- a/packages/classic/scss/grid/_variables.scss +++ b/packages/classic/scss/grid/_variables.scss @@ -90,6 +90,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul $kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default; $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default; +$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default; +$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default; +$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-y: 6px !default; +$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default; +$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default; // Kendo Grid sizes $kendo-grid-sizes: ( @@ -127,6 +142,23 @@ $kendo-grid-sizes: ( selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x, selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y ), + lg: ( + header-padding-x: $kendo-grid-lg-header-padding-x, + header-padding-y: $kendo-grid-lg-header-padding-y, + grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x, + grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y, + cell-padding-x: $kendo-grid-lg-cell-padding-x, + cell-padding-y: $kendo-grid-lg-cell-padding-y, + filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x, + filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y, + edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x, + edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y, + button-padding-y: $kendo-button-lg-padding-y, + button-calc-size: $kendo-button-lg-calc-size, + group-dropclue-height: $kendo-grid-lg-group-dropclue-height, + selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x, + selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y, + ) ) !default; diff --git a/packages/default/scss/chip/_variables.scss b/packages/default/scss/chip/_variables.scss index 8eb97800bbd..85da8fa35b0 100644 --- a/packages/default/scss/chip/_variables.scss +++ b/packages/default/scss/chip/_variables.scss @@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default; /// @group chip $kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; +$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; /// The map with the sizes of the Chip. /// @group chip diff --git a/packages/default/scss/grid/_variables.scss b/packages/default/scss/grid/_variables.scss index 844a01190f3..ef7ed57228e 100644 --- a/packages/default/scss/grid/_variables.scss +++ b/packages/default/scss/grid/_variables.scss @@ -83,6 +83,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul $kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default; $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default; +$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default; +$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default; +$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-y: 6px !default; +$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default; +$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default; // Kendo Grid sizes $kendo-grid-sizes: ( @@ -120,6 +135,23 @@ $kendo-grid-sizes: ( selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x, selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y ), + lg: ( + header-padding-x: $kendo-grid-lg-header-padding-x, + header-padding-y: $kendo-grid-lg-header-padding-y, + grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x, + grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y, + cell-padding-x: $kendo-grid-lg-cell-padding-x, + cell-padding-y: $kendo-grid-lg-cell-padding-y, + filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x, + filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y, + edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x, + edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y, + button-padding-y: $kendo-button-lg-padding-y, + button-calc-size: $kendo-button-lg-calc-size, + group-dropclue-height: $kendo-grid-lg-group-dropclue-height, + selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x, + selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y, + ) ) !default; $kendo-grid-header-font-size: null !default; diff --git a/packages/fluent/scss/chip/_variables.scss b/packages/fluent/scss/chip/_variables.scss index 3f8fe34584b..4b8fc412ce8 100644 --- a/packages/fluent/scss/chip/_variables.scss +++ b/packages/fluent/scss/chip/_variables.scss @@ -93,6 +93,7 @@ $kendo-chip-lg-line-height: var( --kendo-line-height, normal ) !default; /// @group chip $kendo-chip-calc-size: calc( #{$kendo-chip-md-line-height} * 1em + #{$kendo-chip-md-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default; $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height} * 1em + #{$kendo-chip-sm-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default; +$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height} * 1em + #{$kendo-chip-lg-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default; /// The map with the sizes of the Chip. /// @group chip diff --git a/packages/fluent/scss/grid/_variables.scss b/packages/fluent/scss/grid/_variables.scss index ced47b48e95..5f0d976bfbb 100644 --- a/packages/fluent/scss/grid/_variables.scss +++ b/packages/fluent/scss/grid/_variables.scss @@ -114,6 +114,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul $kendo-grid-md-selection-aggregates-padding-x: map.get( $kendo-spacing, 2 ) !default; $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default; +$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default; +$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default; +$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-y: 6px !default; +$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default; +$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default; // Kendo Grid sizes $kendo-grid-sizes: ( @@ -151,6 +166,23 @@ $kendo-grid-sizes: ( selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x, selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y ), + lg: ( + header-padding-x: $kendo-grid-lg-header-padding-x, + header-padding-y: $kendo-grid-lg-header-padding-y, + grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x, + grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y, + cell-padding-x: $kendo-grid-lg-cell-padding-x, + cell-padding-y: $kendo-grid-lg-cell-padding-y, + filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x, + filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y, + edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x, + edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y, + button-padding-y: $kendo-button-lg-padding-y, + button-calc-size: $kendo-button-lg-calc-size, + group-dropclue-height: $kendo-grid-lg-group-dropclue-height, + selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x, + selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y, + ) ) !default; diff --git a/packages/html/src/grid/tests/grid-size-lg.tsx b/packages/html/src/grid/tests/grid-size-lg.tsx new file mode 100644 index 00000000000..834cf857951 --- /dev/null +++ b/packages/html/src/grid/tests/grid-size-lg.tsx @@ -0,0 +1,434 @@ +import { Button } from '../../button'; +import { Checkbox } from '../../checkbox'; +import { Chip, ChipAction, ChipList } from '../../chip'; +import { DropdownList } from '../../dropdownlist'; +import { Icon } from '../../icon'; +import { NumericTextbox } from '../../numerictextbox'; +import { Pager } from '../../pager'; +import { Textbox } from '../../textbox'; +import { Toolbar } from '../../toolbar'; + + +const styles = ` + .k-grouping-header .k-grouping-dropclue { + left: 0; + } + .k-drag-clue { + position: relative; + } +`; + +export default () =>( + <> + +
+ + Grid + +
+
+
+
+ + + + + + + + + + + +
+ + + 100px + + + + + + no width + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
1Row
2Alt row
3 + This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment. +
4
5
+
+ +
+
+ + Filtering +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + Default + + + + + + + Hover + + + + + + + Focus + + + + + + + Active + + + + + + + Sorted + + + + +
+
+
+
+
+ 		+
+
+ +
+ + {' '} + +
+
+
+ 		+
+
+ +
+ + {' '} + +
+
+
+ 		+
+
+ +
+ + {' '} + +
+
+
+ 		+
+
+ +
+ + {' '} + +
+
+
+ 		+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + 1TextTextTextText
+ {/* hierarchy child content */} +
+ Nested content +
+
+ + 2TextTextTextText
+
+
+
+ + Editing +
+
+ + + +
+
+ + + + + + + + + + + + +
+ + + Name + + + + + + Price + + + + + + Available + + +  
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
Price
+ 		+ + +
+ + LongSingleWordTestLongSingleWordTestLongSingleWordTestLongSingleWordTest + 18false + + +
Chang19false + + +
+
+
+ +
+ + Grouping +
+
+
+
+ + }>Price + }>Name + +
+
+
+
+ + + + + + + + + + + + + +
+ + + Name + + + + + + Price + + + + + + Available + + + + + + Units + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + +
+

+ + Price: 19 +

+
+

+ + Price: 30 +

+
 Chai30false15
+
+
+
+
+ +); diff --git a/packages/material/scss/chip/_variables.scss b/packages/material/scss/chip/_variables.scss index d066688184a..590ab629654 100644 --- a/packages/material/scss/chip/_variables.scss +++ b/packages/material/scss/chip/_variables.scss @@ -66,6 +66,7 @@ $kendo-chip-lg-line-height: $kendo-chip-line-height !default; /// @group chip $kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; +$kendo-chip-lg-calc-size: calc( #{$kendo-chip-lg-line-height * 1em} + #{$kendo-chip-lg-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default; /// The map with the sizes of the Chip. /// @group chip diff --git a/packages/material/scss/grid/_variables.scss b/packages/material/scss/grid/_variables.scss index 05ae15b1e52..83043e4ca51 100644 --- a/packages/material/scss/grid/_variables.scss +++ b/packages/material/scss/grid/_variables.scss @@ -85,6 +85,21 @@ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !defaul $kendo-grid-md-selection-aggregates-padding-x: k-map-get( $kendo-spacing, 2 ) !default; $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default; +$kendo-grid-lg-padding-x: $kendo-table-lg-cell-padding-x !default; +$kendo-grid-lg-padding-y: $kendo-table-lg-cell-padding-y !default; +$kendo-grid-lg-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-grouping-header-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-grouping-header-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-cell-padding-x: $kendo-grid-lg-padding-x !default; +$kendo-grid-lg-cell-padding-y: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-x: $kendo-grid-lg-cell-padding-x !default; +$kendo-grid-lg-edit-cell-padding-y: 6px !default; +$kendo-grid-lg-group-dropclue-height: calc( #{$kendo-chip-lg-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default; +$kendo-grid-lg-selection-aggregates-padding-x: $kendo-grid-lg-padding-y !default; +$kendo-grid-lg-selection-aggregates-padding-y: $kendo-grid-lg-padding-y !default; // Kendo Grid sizes $kendo-grid-sizes: ( @@ -122,6 +137,23 @@ $kendo-grid-sizes: ( selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x, selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y ), + lg: ( + header-padding-x: $kendo-grid-lg-header-padding-x, + header-padding-y: $kendo-grid-lg-header-padding-y, + grouping-header-padding-x: $kendo-grid-lg-grouping-header-padding-x, + grouping-header-padding-y: $kendo-grid-lg-grouping-header-padding-y, + cell-padding-x: $kendo-grid-lg-cell-padding-x, + cell-padding-y: $kendo-grid-lg-cell-padding-y, + filter-cell-padding-x: $kendo-grid-lg-filter-cell-padding-x, + filter-cell-padding-y: $kendo-grid-lg-filter-cell-padding-y, + edit-cell-padding-x: $kendo-grid-lg-edit-cell-padding-x, + edit-cell-padding-y: $kendo-grid-lg-edit-cell-padding-y, + button-padding-y: $kendo-button-lg-padding-y, + button-calc-size: $kendo-button-lg-calc-size, + group-dropclue-height: $kendo-grid-lg-group-dropclue-height, + selection-aggregates-padding-x: $kendo-grid-lg-selection-aggregates-padding-x, + selection-aggregates-padding-y: $kendo-grid-lg-selection-aggregates-padding-y, + ) ) !default; $kendo-grid-header-font-size: 12px !default; diff --git a/tests/_output/bootstrap/grid/grid-size-lg.png b/tests/_output/bootstrap/grid/grid-size-lg.png new file mode 100644 index 00000000000..06de941bb24 Binary files /dev/null and b/tests/_output/bootstrap/grid/grid-size-lg.png differ diff --git a/tests/_output/classic/grid/grid-size-lg.png b/tests/_output/classic/grid/grid-size-lg.png new file mode 100644 index 00000000000..60b57ed37d7 Binary files /dev/null and b/tests/_output/classic/grid/grid-size-lg.png differ diff --git a/tests/_output/default/grid/grid-size-lg.png b/tests/_output/default/grid/grid-size-lg.png new file mode 100644 index 00000000000..b4121ba94a2 Binary files /dev/null and b/tests/_output/default/grid/grid-size-lg.png differ diff --git a/tests/_output/fluent/grid/grid-size-lg.png b/tests/_output/fluent/grid/grid-size-lg.png new file mode 100644 index 00000000000..f72bc3eb0a5 Binary files /dev/null and b/tests/_output/fluent/grid/grid-size-lg.png differ diff --git a/tests/_output/material/grid/grid-size-lg.png b/tests/_output/material/grid/grid-size-lg.png new file mode 100644 index 00000000000..4d1fb614b96 Binary files /dev/null and b/tests/_output/material/grid/grid-size-lg.png differ diff --git a/tests/_output/nouvelle/grid/grid-size-lg.png b/tests/_output/nouvelle/grid/grid-size-lg.png new file mode 100644 index 00000000000..7e02e9a1598 Binary files /dev/null and b/tests/_output/nouvelle/grid/grid-size-lg.png differ diff --git a/tests/grid/grid-size-lg.html b/tests/grid/grid-size-lg.html new file mode 100644 index 00000000000..535f4ed43c0 --- /dev/null +++ b/tests/grid/grid-size-lg.html @@ -0,0 +1,773 @@ + + + + Document + + + + + + + +
+ Grid +
+
+
+
+ + + + + + + + + + + +
+ + + 100px + + + + + + no width + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
1Row
2Alt row
3This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment.
4 + +
5 + +
+
+
+
+ + + +
+ + + + + + +
+ + +
+ + + + 20 + + + items per page + + + 1 - 20 of 91 items +
+
+
+ Filtering +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Default + + + + + + + + + + + Hover + + + + + + + + + + + Focus + + + + + + + + + + + Active + + + + + + + + + + + Sorted + + + + + + + + + + + + +
+
+
+
+ 		+
+
+ + + + +
+ + + + + +
+
+
+ 		+
+
+ + + +
+ + + + + +
+
+
+ 		+
+
+ + + +
+ + + + + +
+
+
+ 		+
+
+ + + +
+ + + + + +
+
+
+ 		+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + 1TextTextTextText
+
Nested content
+
+ + + + 2TextTextTextText
+
+
+
+ Editing +
+
+
+ +
+
+
+ + + + + + + + + + + + + + + +
+ + + Name + + + + + + Price + + + + + + Available + + +  
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + Price +
+
+ 		+ + + + + + + +
+ LongSingleWordTestLongSingleWordTestLongSingleWordTestLongSingleWordTest + 18false + + +
Chang19false + + +
+
+
+
+ Grouping +
+
+
+
+
+
+ + + + Price + + + + + + + +
+
+ + + + Name + + + + + + + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + +
+ + + Name + + + + + + Price + + + + + + Available + + + + + + Units + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+

+ + + Price: 19 +

+
+

+ + + Price: 30 +

+
 Chai30false15
+
+
+
+
+ +