Skip to content

Commit

Permalink
fix(treeview): tweak large size so it's compatible with guidelines fo…
Browse files Browse the repository at this point in the history 
…r mobile
  • Loading branch information
@joneff
joneff committed Jul 21, 2022
1 parent 29bb58e commit fdc2a56
Show file tree
Hide file tree
Showing 4 changed files with 19 additions and 19 deletions.
10 changes: 5 additions & 5 deletions packages/bootstrap/scss/treeview/_variables.scss
View file
Expand Up @@ -6,13 +6,13 @@ $kendo-treeview-font-family: $font-family !default;
/// Font size of the treeview component.
/// @group treeview
$kendo-treeview-font-size: $font-size-md !default;
$kendo-treeview-font-size-sm: $font-size-md !default;
$kendo-treeview-font-size-sm: $font-size-sm !default;
$kendo-treeview-font-size-md: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-md !default;
/// Line height of the treeview component.
/// @group treeview
$kendo-treeview-line-height: $line-height !default;
$kendo-treeview-line-height-sm: $line-height !default;
$kendo-treeview-line-height-sm: (20 / 14) !default;
$kendo-treeview-line-height-md: $line-height !default;
$kendo-treeview-line-height-lg: $line-height !default;

Expand All @@ -23,15 +23,15 @@ $kendo-treeview-indent: 16px !default;
/// Horizontal padding of treeview items.
/// @group treeview
$kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 3 ) !default;
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
/// Vertical padding of treeview items.
/// @group treeview
$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
/// Border width of treeview items.
/// @group treeview
$kendo-treeview-item-border-width: 0px !default;
Expand Down
8 changes: 4 additions & 4 deletions packages/classic/scss/treeview/_variables.scss
View file
Expand Up @@ -8,13 +8,13 @@ $kendo-treeview-font-family: $font-family !default;
$kendo-treeview-font-size: $font-size-md !default;
$kendo-treeview-font-size-sm: $font-size-md !default;
$kendo-treeview-font-size-md: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-lg !default;
/// Line height of the treeview component.
/// @group treeview
$kendo-treeview-line-height: $line-height-md !default;
$kendo-treeview-line-height-sm: $line-height-md !default;
$kendo-treeview-line-height-md: $line-height-md !default;
$kendo-treeview-line-height-lg: $line-height-md !default;
$kendo-treeview-line-height-lg: $line-height-lg !default;
/// Indentation of child groups in treeview component.
/// @group treeview
$kendo-treeview-indent: 16px !default;
Expand All @@ -24,13 +24,13 @@ $kendo-treeview-indent: 16px !default;
$kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
/// Vertical padding of treeview items.
/// @group treeview
$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
/// Border width of treeview items.
/// @group treeview
$kendo-treeview-item-border-width: 0px !default;
Expand Down
8 changes: 4 additions & 4 deletions packages/default/scss/treeview/_variables.scss
View file
Expand Up @@ -8,13 +8,13 @@ $kendo-treeview-font-family: $font-family !default;
$kendo-treeview-font-size: $font-size-md !default;
$kendo-treeview-font-size-sm: $font-size-md !default;
$kendo-treeview-font-size-md: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-lg !default;
/// Line height of the treeview component.
/// @group treeview
$kendo-treeview-line-height: $line-height-md !default;
$kendo-treeview-line-height-sm: $line-height-md !default;
$kendo-treeview-line-height-md: $line-height-md !default;
$kendo-treeview-line-height-lg: $line-height-md !default;
$kendo-treeview-line-height-lg: $line-height-lg !default;
/// Indentation of child groups in treeview component.
/// @group treeview
$kendo-treeview-indent: 16px !default;
Expand All @@ -24,13 +24,13 @@ $kendo-treeview-indent: 16px !default;
$kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
/// Vertical padding of treeview items.
/// @group treeview
$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
/// Border width of treeview items.
/// @group treeview
$kendo-treeview-item-border-width: 0px !default;
Expand Down
12 changes: 6 additions & 6 deletions packages/material/scss/treeview/_variables.scss
View file
Expand Up @@ -6,15 +6,15 @@ $kendo-treeview-font-family: $font-family !default;
/// Font size of the treeview component.
/// @group treeview
$kendo-treeview-font-size: $font-size-lg !default;
$kendo-treeview-font-size-sm: $font-size-lg !default;
$kendo-treeview-font-size-md: $font-size-lg !default;
$kendo-treeview-font-size-sm: $font-size-md !default;
$kendo-treeview-font-size-md: $font-size-md !default;
$kendo-treeview-font-size-lg: $font-size-lg !default;
/// Line height of the treeview component.
/// @group treeview
$kendo-treeview-line-height: 1.25 !default;
$kendo-treeview-line-height-sm: 1.25 !default;
$kendo-treeview-line-height-md: 1.25 !default;
$kendo-treeview-line-height-lg: 1.25 !default;
$kendo-treeview-line-height-sm: ( 20 / 14 ) !default;
$kendo-treeview-line-height-md: ( 20 / 14 ) !default;
$kendo-treeview-line-height-lg: 1.5 !default;
/// Indentation of child groups in treeview component.
/// @group treeview
$kendo-treeview-indent: 16px !default;
Expand All @@ -30,7 +30,7 @@ $kendo-treeview-item-padding-x-lg: map-get( $spacing, 4 ) !default;
$kendo-treeview-item-padding-y: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-md: map-get( $spacing, 2 ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
/// Border width of treeview items.
/// @group treeview
$kendo-treeview-item-border-width: 0px !default;
Expand Down

0 comments on commit fdc2a56

Please sign in to comment.