MediaWiki:Common.less/tooltips.less: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
(Created page with "→‎======================================= [[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...")
 
No edit summary
Tag: Manual revert
 
(One intermediate revision by the same user not shown)
(No difference)

Latest revision as of 18:14, 17 October 2024

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

    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;

}