fix(grid): filter row borders are missing in RTL

telerik · Apr 24, 2018 · f939f8e · f939f8e
1 parent a2c0254
commit f939f8e
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
@@ -243,6 +243,9 @@
             td.k-hierarchy-cell {
                 border-left-width: 0;
             }
+            .k-hierarchy-cell + td {
+                border-left-width: $grid-cell-vertical-border-width;
+            }
 
             .k-grid-header,
             .k-grid-footer {
@@ -269,6 +272,16 @@
                 }
             }
 
+            .k-filter-row td {
+                &:first-child {
+                    border-left-width: $grid-cell-vertical-border-width;
+                }
+
+                &:last-child {
+                    border-left-width: 0;
+                }
+            }
+
             .k-filtercell-operator {
                 margin-left: 0;
                 margin-right: $cell-padding-y / 2;
@@ -608,13 +621,13 @@
 
         td,
         th {
-            border-width: 0 0 1px 1px;
+            border-width: 0 0 1px $grid-cell-vertical-border-width;
             white-space: nowrap;
             padding: $grid-filter-cell-padding-y $grid-filter-cell-padding-x;
         }
 
         td:first-child {
-            border-left: 0;
+            border-left-width: 0;
         }
 
         .k-multiselect {
@@ -633,7 +646,7 @@
         > span,
         .k-filtercell-wrapper {
             display: flex;
-            flex: 1;
+            flex: 1 1 0;
 
             > label {
                 vertical-align: middle;