fix(panelbar): the arrow icons are not aligned correctly in IE

telerik · May 17, 2021 · 3d9c3e9 · 3d9c3e9
1 parent bad5b1f
commit 3d9c3e9
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/packages/default/scss/panelbar/_layout.scss b/packages/default/scss/panelbar/_layout.scss
@@ -185,3 +185,44 @@
     }
 
 }
+
+
+
+
+@include exports( "panelbar/layout/compatibility" ) {
+
+    .k-ie {
+
+        // Toggle icon
+        .k-panelbar-expand,
+        .k-panelbar-collapse,
+        .k-panelbar-toggle {
+            margin-left: auto;
+        }
+
+        .k-group .k-panelbar-expand,
+        .k-group .k-panelbar-collapse,
+        .k-panelbar-group .k-panelbar-toggle {
+            margin-right: calc( #{$panelbar-header-padding-x} - #{$panelbar-item-padding-x} );
+        }
+
+        .k-rtl &,
+        &.k-rtl,
+        &[dir = "rtl"] {
+            // Toggle icon
+            .k-panelbar-expand,
+            .k-panelbar-collapse,
+            .k-panelbar-toggle {
+                margin-left: initial;
+                margin-right: auto;
+            }
+
+            .k-group .k-panelbar-expand,
+            .k-group .k-panelbar-collapse,
+            .k-panelbar-group .k-panelbar-toggle {
+                margin-left: calc( #{$panelbar-header-padding-x} - #{$panelbar-item-padding-x} );
+            }
+        }
+    }
+
+}