MediaWiki:Gadget-ThanksCheckmark.css

From Support Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Created by https://seaofthieves.wiki.gg/wiki/User:SavageAlien */

.mw-thanks-thank-link {
    display: inline-flex;
    position: relative;
    align-items: center; /* aligns before element with text */
    padding-left: 18px; /* adds space for before element */
}
    
.mw-thanks-thank-link::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    filter: var(--wiki-icon-to-link-filter); /* wiki svg filter */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cscript xmlns=''/%3E%3Ctitle%3E check %3C/title%3E%3Cpath d='M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.mw-thanks-thank-link:hover::before {
    filter: var(--wiki-icon-to-link-filter); /* wiki svg filter var */
}

.mw-thanks-thank-link.jquery-confirmable-button-no::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cscript xmlns=''/%3E%3Ctitle%3E close %3C/title%3E%3Cpath d='M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z'/%3E%3Cpath d='M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z'/%3E%3C/svg%3E");
}