fix(input-group): fix dropdown rounded corners. closes bootstrap-vue#1560.

Pooya Parsa · Pooya Parsa · commit 7df01ff4dde2 · 2018-01-25T22:27:14.000+03:30
diff --git a/src/components/dropdown/dropdown.css b/src/components/dropdown/dropdown.css
@@ -0,0 +1,16 @@
+/* workaround for https://github.com/bootstrap-vue/bootstrap-vue/issues/1560 */
+/* source: _input-group.scss */
+
+.input-group > .input-group-prepend > .b-dropdown > .btn,
+.input-group > .input-group-append:not(:last-child) > .b-dropdown > .btn,
+.input-group > .input-group-append:last-child > .b-dropdown:not(:last-child):not(.dropdown-toggle) > .btn {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.input-group > .input-group-append > .b-dropdown > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .b-dropdown > .btn,
+.input-group > .input-group-prepend:first-child > .b-dropdown:not(:first-child) > .btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
diff --git a/src/components/dropdown/dropdown.js b/src/components/dropdown/dropdown.js
@@ -2,6 +2,8 @@ import idMixin from '../../mixins/id'
 import dropdownMixin from '../../mixins/dropdown'
 import bButton from '../button/button'
 
+import './dropdown.css'
+
 export default {
   mixins: [idMixin, dropdownMixin],
   components: { bButton },
