feat(dropdown-tree): add size, shape and color customization to dropd…

…own tree BREAKING CHANGE: Use high-level picker for dropdown tree base Dropdown tree reuses the picker base component size, rounded and fill component options.
telerik · Jan 18, 2022 · 7907d94 · 7907d94
1 parent 1a529a8
commit 7907d94
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 23 deletions.
diff --git a/packages/bootstrap/scss/dropdowntree/_variables.scss b/packages/bootstrap/scss/dropdowntree/_variables.scss
@@ -1,5 +1,3 @@
 // Dropdowntree
-$dropdowntree-popup-spacer-x: $padding-x !default;
-$dropdowntree-popup-spacer-y: $dropdowntree-popup-spacer-x !default;
-$dropdowntree-filter-shadow: none !default;
-$dropdowntree-filter-spacer: 0px !default;
+$dropdowntree-popup-padding-x: map-get( $spacing, 2 ) !default;
+$dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
diff --git a/packages/classic/scss/dropdowntree/_variables.scss b/packages/classic/scss/dropdowntree/_variables.scss
@@ -1,5 +1,3 @@
 // Dropdowntree
-$dropdowntree-popup-spacer-x: $padding-y-lg !default;
-$dropdowntree-popup-spacer-y: $dropdowntree-popup-spacer-x !default;
-$dropdowntree-filter-shadow: $popup-shadow !default;
-$dropdowntree-filter-spacer: $dropdowntree-popup-spacer-y !default;
+$dropdowntree-popup-padding-x: map-get( $spacing, 2 ) !default;
+$dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
diff --git a/packages/default/scss/dropdowntree/_layout.scss b/packages/default/scss/dropdowntree/_layout.scss
@@ -1,20 +1,19 @@
 @include exports("dropdowntree/layout") {
 
-    .k-dropdowntree {
-        @extend .k-multiselect;
-        @extend .k-dropdown-list;
-    }
+    // Dropdown tree
+    .k-dropdown-tree {}
 
     // Dropdowntree popup
     .k-popup-dropdowntree {
         padding: 0;
 
         .k-check-all {
-            padding: $dropdowntree-popup-spacer-y $dropdowntree-popup-spacer-x;
+            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
         }
 
         .k-treeview {
-            padding: $dropdowntree-popup-spacer-y $dropdowntree-popup-spacer-x;
+            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
         }
     }
+
 }
diff --git a/packages/default/scss/dropdowntree/_theme.scss b/packages/default/scss/dropdowntree/_theme.scss
@@ -1,5 +1,6 @@
 @include exports("dropdowntree/theme") {
 
-    // Dropdown tree doesn't need any theme, because it extends dropdown list and multiselects
+    // Dropdown tree
+    .k-dropdown-tree {}
 
 }
diff --git a/packages/default/scss/dropdowntree/_variables.scss b/packages/default/scss/dropdowntree/_variables.scss
@@ -1,5 +1,3 @@
 // Dropdowntree
-$dropdowntree-popup-spacer-x: $padding-y-lg !default;
-$dropdowntree-popup-spacer-y: $dropdowntree-popup-spacer-x !default;
-$dropdowntree-filter-shadow: $popup-shadow !default;
-$dropdowntree-filter-spacer: $dropdowntree-popup-spacer-y !default;
+$dropdowntree-popup-padding-x: map-get( $spacing, 2 ) !default;
+$dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
diff --git a/packages/material/scss/dropdowntree/_variables.scss b/packages/material/scss/dropdowntree/_variables.scss
@@ -1,5 +1,3 @@
 // Dropdowntree
-$dropdowntree-popup-spacer-x: $padding-x !default;
-$dropdowntree-popup-spacer-y: $dropdowntree-popup-spacer-x !default;
-$dropdowntree-filter-shadow: none !default;
-$dropdowntree-filter-spacer: 0px !default;
+$dropdowntree-popup-padding-x: map-get( $spacing, 2 ) !default;
+$dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;