TW-Elements icon indicating copy to clipboard operation
TW-Elements copied to clipboard

popover-arrow and tooltip-arrow are missing

Open wister opened this issue 2 years ago • 0 comments

These elements seem to be missing their CSS styles. Even in the documentation examples are missing: https://tailwind-elements.com/docs/standard/components/popover/ and https://tailwind-elements.com/docs/standard/components/tooltip/

Had to add these CSS styles to fix Popover:

.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top .popover-arrow::after {
  border-top-color: rgb(48, 52, 54);
  left: -8px;
}
.bs-popover-bottom .popover-arrow::after {
  border-bottom-color: rgb(48, 52, 54);
  left: -8px;
}
.bs-popover-start .popover-arrow::after {
  border-left-color: rgb(48, 52, 54);
}
.bs-popover-end .popover-arrow::after {
  border-right-color: rgb(48, 52, 54);
}

I have not fixed tooltips yet.

wister avatar Apr 02 '22 00:04 wister