☰

Fix tp-yt-paper-tooltip.yt-live-chat-text-message-renderer

It is to fix tp-yt-paper-tooltip.yt-live-chat-text-message-renderer

  1. /* ==UserStyle==
  2. @name           Fix tp-yt-paper-tooltip.yt-live-chat-text-message-renderer
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.3
  5. @description    It is to fix tp-yt-paper-tooltip.yt-live-chat-text-message-renderer
  6. @author         CY Fung
  7. @license MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://www.youtube.com/live_chat") {
  11.     /* Insert code here... */
  12.     tp-yt-paper-tooltip.style-scope.yt-live-chat-text-message-renderer[role="tooltip"],
  13.     tp-yt-paper-tooltip.style-scope.yt-live-chat-author-badge-renderer[role="tooltip"] {
  14.         
  15.         border-radius: 4px;
  16.         margin: 8px;
  17.         text-transform: none;
  18.         word-break: normal;
  19.         font-family: "Roboto","Arial",sans-serif;
  20.         font-size: 1.2rem;
  21.         line-height: 1.8rem;
  22.         font-weight: 400;
  23.                 background-color: var(--paper-tooltip-background, #616161);
  24.         color: var(--paper-tooltip-text-color, white);
  25.         padding: 8px;
  26.             -webkit-font-smoothing: antialiased;
  27.             outline: none;
  28.         
  29.         
  30.         opacity: 0.8;
  31.         transform:translate(0px, -10px);
  32.         display: var(--mtooltip-display);
  33.         
  34.     }
  35.     
  36.     .yt-live-chat-item-list-renderer:not(:hover){
  37.         --mtooltip-display: none;
  38.     }
  39.     
  40. }