qlik-oss/sn-org-chart

View on GitHub
src/styles/tooltip.less

Summary

Maintainability
Test Coverage
.sn-org-chart {
  .sn-org-tooltip {
    visibility: hidden;
    opacity: 0;
    /* Unsupported in IE, so there we set width explicitly */
    width: 230px;
    width: -moz-max-content;
    width: fit-content;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
  }

  /* Tooltip arrow */
  .sn-org-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #404040 transparent transparent transparent;
  }

  .sn-org-tooltip-visible {
    opacity: 0.9;
    visibility: visible;
  }

  .sn-org-tooltip-inner {
    max-width: 240px;
    right: 50%;
    font-family: "QlikView Sans", sans-serif;
    position: relative;

    max-height: 150px;
    background-color: #404040;
    color: #e6e6e6;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 10px 10px 10px;
    border-radius: 6px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;

    .sn-org-tooltip-header {
      font-weight: bold;
      padding-bottom: 5px;
    }
  }
}