fix: buttongroup style bug

vueComponent · Jul 18, 2018 · 38b18d3 · 38b18d3
1 parent 0b249a0
commit 38b18d3
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
@@ -271,6 +271,12 @@
   > span:first-child > .@{btnClassName} {
     margin-left: 0;
   }
+  > .@{btnClassName}:first-child:last-child {
+    border-radius: @btn-border-radius-base;
+  }
+  > span:first-child:last-child > .@{btnClassName} {
+    border-radius: @btn-border-radius-base;
+  }
 
   > .@{btnClassName}:first-child:not(:last-child),
   > span:first-child:not(:last-child) > .@{btnClassName} {
@@ -285,6 +291,12 @@
   }
 
   &-sm {
+    > .@{btnClassName}:first-child:last-child {
+      border-radius: @btn-border-radius-sm;
+    }
+    > span:first-child:last-child > .@{btnClassName} {
+      border-radius: @btn-border-radius-sm;
+    }
     > .@{btnClassName}:first-child:not(:last-child),
     > span:first-child:not(:last-child) > .@{btnClassName} {
       border-bottom-left-radius: @btn-border-radius-sm;