feat(panelbar): update styles to match universal rendering

telerik · Mar 18, 2024 · d58280e · d58280e
1 parent fc48253
commit d58280e
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 28 deletions.
diff --git a/packages/default/scss/panelbar/_layout.scss b/packages/default/scss/panelbar/_layout.scss
@@ -25,7 +25,6 @@
 
 
         // Root
-        > .k-item,
         > .k-panelbar-header {
             // TODO
             border-width: 0;
@@ -51,14 +50,12 @@
                 transition: $kendo-transition;
             }
         }
-        > .k-item + .k-item,
         > .k-panelbar-header + .k-panelbar-header {
             border-top-width: $kendo-panelbar-item-border-width;
         }
 
 
         // Sub
-        .k-group,
         .k-panelbar-group {
             margin: 0;
             padding: 0;
@@ -68,7 +65,6 @@
             background-color: transparent;
             list-style: none;
         }
-        .k-group > .k-item,
         .k-panelbar-group > .k-panelbar-item {
             display: block;
 
@@ -115,8 +111,8 @@
         .k-panelbar-toggle {
             margin-inline-start: auto;
         }
-        .k-group .k-panelbar-expand,
-        .k-group .k-panelbar-collapse,
+        .k-panelbar-group .k-panelbar-expand,
+        .k-panelbar-group .k-panelbar-collapse,
         .k-panelbar-group .k-panelbar-toggle {
             margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
         }
@@ -125,7 +121,6 @@
         .k-rtl &,
         &.k-rtl,
         &[dir = "rtl"] {
-            .k-group > .k-item,
             .k-panelbar-group > .k-panelbar-item {
                 // Hierarchy items
                 @for $i from 1 through $kendo-panelbar-item-level-count {

diff --git a/packages/default/scss/panelbar/_theme.scss b/packages/default/scss/panelbar/_theme.scss
@@ -10,7 +10,6 @@
 
 
         // Root
-        > .k-item,
         > .k-panelbar-header {
 
             &.k-expanded.k-level-0 > .k-link  {
@@ -122,12 +121,9 @@
 
 
         // Sub
-        .k-group,
         .k-panelbar-group {
 
             // Hover
-            > .k-item > .k-link:hover,
-            > .k-item > .k-link.k-hover,
             > .k-panelbar-item > .k-link:hover,
             > .k-panelbar-item > .k-link.k-hover {
                 @include fill(
@@ -139,8 +135,6 @@
             }
 
             // Focus
-            > .k-item > .k-link:focus,
-            > .k-item > .k-link.k-focus,
             > .k-panelbar-item > .k-link:focus,
             > .k-panelbar-item > .k-link.k-focus {
                 @include fill(
@@ -153,8 +147,6 @@
             }
 
             // Focus & Hover
-            > .k-item > .k-link:focus:hover,
-            > .k-item > .k-link.k-focus.k-hover,
             > .k-panelbar-item > .k-link:focus:hover,
             > .k-panelbar-item > .k-link.k-focus.k-hover {
                 @include fill(
@@ -166,7 +158,6 @@
             }
 
             // Selected
-            > .k-item > .k-link.k-selected,
             > .k-panelbar-item > .k-link.k-selected {
                 @include fill(
                     $kendo-panelbar-item-selected-text,
@@ -177,8 +168,6 @@
             }
 
             // Selected Hover
-            > .k-item > .k-link.k-selected:hover,
-            > .k-item > .k-link.k-selected.k-hover,
             > .k-panelbar-item > .k-link.k-selected:hover,
             > .k-panelbar-item > .k-link.k-selected.k-hover {
                 @include fill(
@@ -190,8 +179,6 @@
             }
 
             // Selected Focus
-            > .k-item > .k-link.k-selected:focus,
-            > .k-item > .k-link.k-selected.k-focus,
             > .k-panelbar-item > .k-link.k-selected:focus,
             > .k-panelbar-item > .k-link.k-selected.k-focus {
                 @include fill(
@@ -203,8 +190,6 @@
             }
 
             // Selected Focus & Hover
-            > .k-item > .k-link.k-selected:focus:hover,
-            > .k-item > .k-link.k-selected.k-focus.k-hover,
             > .k-panelbar-item > .k-link.k-selected:focus:hover,
             > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
                 @include fill(

diff --git a/packages/fluent/scss/panelbar/_layout.scss b/packages/fluent/scss/panelbar/_layout.scss
@@ -27,7 +27,6 @@
 
 
         // Root
-        > .k-item,
         > .k-panelbar-header {
             // TODO
             border-width: 0;
@@ -66,7 +65,6 @@
             }
         }
 
-        > .k-item + .k-item,
         > .k-panelbar-header + .k-panelbar-header {
             border-top-width: var( --kendo-panelbar-item-border-width, #{$kendo-panelbar-item-border-width} );
         }
@@ -79,7 +77,6 @@
 
 
         // Sub
-        .k-group,
         .k-panelbar-group {
             margin: 0;
             padding: 0;
@@ -90,7 +87,6 @@
             list-style: none;
         }
 
-        .k-group > .k-item,
         .k-panelbar-group > .k-panelbar-item {
             display: block;
 

diff --git a/packages/fluent/scss/panelbar/_theme.scss b/packages/fluent/scss/panelbar/_theme.scss
@@ -11,7 +11,6 @@
 
 
         // Root
-        > .k-item,
         > .k-panelbar-header {
 
             &.k-expanded.k-level-0 > .k-link  {
@@ -146,7 +145,6 @@
 
         // Sub
 
-        .k-group > .k-item,
         .k-panelbar-group > .k-panelbar-item {
 
             > .k-link {