glide-design-system/src/lib/components/tooltip/Tooltip.module.css

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

.tooltip {
  position: absolute;
  font-family: "Roboto", sans-serif;
  max-width: 400px;
}

.tooltiptext {
  visibility: visible;
  max-width: 400px;
  background-color: #6f6f6f;
  color: #ffffffff;
  font-size: 14px;
  border-radius: 6px;
  top: 100%;
  position: relative;
  z-index: 1000;
  margin-top: 0;
  padding-right: 5px;
  font-family: "Roboto", sans-serif;
  overflow-y: auto;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  z-index: 1000;
  height: auto;
}