ngx-bootstrap icon indicating copy to clipboard operation
ngx-bootstrap copied to clipboard

Tooltip in input group buttons removes the borders

Open adurmus opened this issue 3 years ago • 0 comments

<div class="input-group">
  <button class="btn">Button1</button>
  <button tooltip="test" class="btn">Button2</button>
  <button class="btn">Button3</button>
</div>

tooltip adds <bs-tooltip-container> as last element in the div. this breaks bootstrap selection of last child element in the input-group for .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {border-top-right-radius: 0; border-bottom-right-radius: 0;} .Therefore last button loses top right and bottom right radios when button is hovered to display tooltip.

adurmus avatar Sep 05 '22 07:09 adurmus