MediaWiki:Common.less/tooltips.less

/* =======================================

    MediaWiki:Common.js/tooltips.js
  ======================================= */

.js-tooltip-text {

   padding: 5px;

}

.js-tooltip-wrapper {

   position: absolute;
   /* slightly more than page previews */
   z-index: 10;
   background-color: var(--body-light);
   border: 1px solid var(--body-border);
   color: var(--text-color);
   max-width: 75%;
   overflow-wrap: break-word;
   padding: 10px 15px;
   margin: 0px;
   box-shadow: @box-shadow-dark;
   font-size: 0.8em;

}

.js-tooltip-click {

   color: var(--button-color);
   background: var(--button-background);
   border-radius: 2em;
   cursor: pointer;
   padding: 0 0.3em;
   user-select: none ;

}

.js-tooltip-arrow {

   position: absolute;
   border-color: transparent;
   border-style: solid;
   width: 0;
   height: 0;

   &.js-tooltip-arrow-pointleft {
       border-right-color: var(--body-border);
       border-left-color: transparent;
       border-left-width: 0;
   }

   &.js-tooltip-arrow-pointright {
       border-left-color: var(--body-border);
       border-right-color: transparent;
       border-right-width: 0;
   }

}

.js-tooltip-close {

   float: right;
   margin-left: 10px;
   margin-right: -5px;
   margin-top: -5px;
   margin-bottom: 1px;
   background: var(--button-background);
   border: 0;
   cursor: pointer;

}