Permalink
Browse files

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

  • Loading branch information...
pi0 committed Jan 25, 2018
1 parent 3ad8a9a commit 7df01ff4dde2a934f287b7fa193ea97196cdcd99
Showing with 18 additions and 0 deletions.
  1. +16 −0 src/components/dropdown/dropdown.css
  2. +2 −0 src/components/dropdown/dropdown.js
@@ -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;
}
@@ -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 },

0 comments on commit 7df01ff

Please sign in to comment.