From e21e75c1f7721a83cc3fd2c7ee2669f5486b7b97 Mon Sep 17 00:00:00 2001 From: Magdalena Grigorova Date: Tue, 2 Jan 2018 10:46:26 +0200 Subject: [PATCH] fix(button): improve border radius for rtl --- scss/button/_layout.scss | 43 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/scss/button/_layout.scss b/scss/button/_layout.scss index 3255e81..8607b42 100644 --- a/scss/button/_layout.scss +++ b/scss/button/_layout.scss @@ -301,4 +301,47 @@ } + // RTL + .k-rtl { + // Button group + .k-button-group { + + .k-button ~ .k-button { + margin-right: -$button-border-width; + margin-left: 0; + } + + .k-button { + @include border-radius( 0 ); + } + + .k-group-start, + .k-button:first-child { + @include border-right-radius(); + } + .k-group-end, + .k-button:last-child { + @include border-left-radius(); + } + .k-group-start.k-group-end, + .k-button:first-child:last-child { + @include border-radius(); + } + + } + + // Split button + .k-split-button { + + .k-button { + @include border-right-radius-only(); + } + .k-split-button-arrow { + @include border-left-radius-only(); + margin-left: 0; + margin-right: -1px; + } + } + } + }