From 470a413c655e606852e4e03eb9d8704a3770d849 Mon Sep 17 00:00:00 2001 From: Abdullah Salem Date: Mon, 18 Jul 2016 06:19:34 +0300 Subject: [PATCH] Fixed issue #8447 --- scss/components/_button-group.scss | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss index 4fa4047f9..e8dd9f1ed 100644 --- a/scss/components/_button-group.scss +++ b/scss/components/_button-group.scss @@ -44,13 +44,21 @@ $buttongroup-expand-max: 6 !default; margin-#{$global-right}: $buttongroup-spacing; margin-bottom: $buttongroup-spacing; font-size: map-get($button-sizes, default); + border-radius: 0; @if $global-flexbox { flex: 0 0 auto; } + &:first-child { + border-top-#{$global-left}-radius: $global-radius; + border-bottom-#{$global-left}-radius: $global-radius; + } + &:last-child { margin-#{$global-right}: 0; + border-top-#{$global-right}-radius: $global-radius; + border-bottom-#{$global-right}-radius: $global-radius; } } } @@ -103,6 +111,8 @@ $buttongroup-expand-max: 6 !default; } #{$selector} { + border-radius: 0; + @if $global-flexbox { flex: 0 0 100%; } @@ -110,8 +120,15 @@ $buttongroup-expand-max: 6 !default; width: 100%; } + &:first-child{ + border-top-#{$global-left}-radius: $global-radius; + border-top-#{$global-right}-radius: $global-radius; + } + &:last-child { margin-bottom: 0; + border-bottom-#{$global-left}-radius: $global-radius; + border-bottom-#{$global-right}-radius: $global-radius; } } } @@ -130,6 +147,18 @@ $buttongroup-expand-max: 6 !default; width: auto; } margin-bottom: 0; + + &:first-child { + border-top-#{$global-left}-radius: $global-radius; + border-top-#{$global-right}-radius: 0; + border-bottom-#{$global-left}-radius: $global-radius; + } + + &:last-child { + border-top-#{$global-right}-radius: $global-radius; + border-bottom-#{$global-right}-radius: $global-radius; + border-bottom-#{$global-left}-radius: 0; + } } } -- 2.47.3