YouTube Buttons for Chat Filter

Turn drop down buttons to normal buttons

当前为 2023-01-03 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name YouTube Buttons for Chat Filter
  3. @namespace github.com/cyfung1031
  4. @version 0.1.0
  5. @description Turn drop down buttons to normal buttons
  6. @author CY Fung
  7. @license MIT
  8. @preprocessor stylus
  9. ==/UserStyle== */
  10. @-moz-document url-prefix("https://www.youtube.com/live_chat") {
  11. yt-dropdown-menu.yt-sort-filter-sub-menu-renderer{
  12. #trigger, tp-yt-paper-button{
  13. pointer-events: none !important;
  14. user-select: none !important;
  15. touch-action: none !important;
  16. #label-icon {
  17. display:none;
  18. }
  19. }
  20. tp-yt-iron-dropdown#dropdown {
  21. display: block !important;
  22. position: fixed !important;
  23. width: 0 !important;
  24. height: 0 !important;
  25. padding: 0;
  26. margin: 0;
  27. }
  28.  
  29. div#contentWrapper {
  30. padding: 0;
  31. margin: 0;
  32. }
  33.  
  34. .dropdown-content.style-scope.tp-yt-paper-menu-button {
  35. padding: 0 !important;
  36. margin: 0 !important;
  37. transform: none !important;
  38. max-height: unset !important;
  39. max-width: unset !important;
  40. position: fixed;
  41. right: 64px;
  42. border-radius: 0 !important;
  43. }
  44.  
  45. tp-yt-paper-listbox#menu {
  46. height: auto !important;
  47. width: 100% !important;
  48. display: flex;
  49. flex-direction: row;
  50. padding: 0 !important;
  51. border-radius: 0 !important;
  52. }
  53.  
  54. a.yt-simple-endpoint.style-scope.yt-dropdown-menu {
  55. display: inline-flex !important;
  56. /* position: absolute !important; */
  57. z-index: 99999;
  58. width: 32px !important;
  59. height: 26px !important;
  60. background-color: var(--yt-live-chat-toast-background-color);
  61. border: 1px solid var(--yt-live-chat-toast-text-color);
  62. padding: 0 !important;
  63. margin: 0 !important;
  64. overflow: hidden;
  65. border-radius: 0 !important;
  66. color: var(--yt-live-chat-toast-text-color);
  67. cursor: pointer !important;
  68. transition: opacity 300ms, background 300ms;
  69. }
  70.  
  71. a.yt-simple-endpoint.style-scope.yt-dropdown-menu::before {
  72. content: '三';
  73. font-size: 1.2rem;
  74. width: 100%;
  75. display: flex;
  76. justify-content: center;
  77. align-items: center;
  78. pointer-events: none !important;
  79. user-select: none !important;
  80. touch-action: none !important;
  81. transform-origin: 50% 50%;
  82. transform: scaleX(200%)
  83. }
  84.  
  85. a.yt-simple-endpoint.style-scope.yt-dropdown-menu > * {
  86. display: none !important;
  87. }
  88.  
  89.  
  90. a.yt-simple-endpoint.style-scope.yt-dropdown-menu + a.yt-simple-endpoint.style-scope.yt-dropdown-menu::before {
  91. content: '亖';
  92. }
  93.  
  94. a.yt-simple-endpoint.style-scope.yt-dropdown-menu {
  95. --opacity: 0.5;
  96. opacity: var(--opacity);
  97. }
  98.  
  99.  
  100.  
  101. a.yt-simple-endpoint.style-scope.yt-dropdown-menu.iron-selected:not(:hover) {
  102. --opacity: 0.8;
  103. /* color: black; */
  104. }
  105.  
  106. a.yt-simple-endpoint.style-scope.yt-dropdown-menu:hover {
  107. /* background-color: var(--yt-live-interactivity-component-background-color); */
  108.  
  109. --opacity: 0.7;
  110. /* color: black; */
  111. }
  112.  
  113. a.yt-simple-endpoint.style-scope.yt-dropdown-menu.iron-selected:hover {
  114. /* background-color: var(--yt-live-interactivity-component-background-color); */
  115.  
  116. --opacity: 1.0;
  117. /* color: black; */
  118. }
  119.  
  120.  
  121.  
  122. a.yt-simple-endpoint.style-scope.yt-dropdown-menu[class].iron-selected {
  123. background-color: var(--yt-spec-commerce-tonal-hover);
  124.  
  125. }
  126.  
  127. }
  128. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址