From 702f5297f3dc8b727b4a33b8ae42520b4456330b Mon Sep 17 00:00:00 2001 From: Emil Petrov Date: Tue, 23 May 2023 12:49:33 +0300 Subject: [PATCH] feat(grid): define variables for large grid --- packages/bootstrap/scss/chip/_variables.scss | 2 +- packages/bootstrap/scss/grid/_variables.scss | 32 ++++++++++++++++++++ packages/classic/scss/chip/_variables.scss | 1 + packages/classic/scss/grid/_variables.scss | 32 ++++++++++++++++++++ packages/default/scss/chip/_variables.scss | 1 + packages/default/scss/grid/_variables.scss | 32 ++++++++++++++++++++ packages/fluent/scss/chip/_variables.scss | 1 + packages/fluent/scss/grid/_variables.scss | 32 ++++++++++++++++++++ packages/material/scss/chip/_variables.scss | 1 + packages/material/scss/grid/_variables.scss | 32 ++++++++++++++++++++ 10 files changed, 165 insertions(+), 1 deletion(-) 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/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;