☰

Twitter fixes

Display whole images, display whole tweets, and various enhancements here and there

当前为 2023-12-09 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Twitter fixes
  3. @namespace      zezombye.dev
  4. @version        1.0.1
  5. @description    Display whole images, display whole tweets, and various enhancements here and there
  6. @author         Zezombye
  7. @license        MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("twitter.com") {
  11.     
  12.     /*Display the whole images*/
  13.     
  14.     .r-4gszlv {
  15.         background-size: contain;
  16.     }
  17.     
  18.     /* Remove image border radius */
  19.     
  20.     article[data-testid="tweet"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) >  div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  21.         border-radius: 0;
  22.     }
  23.     
  24.     /* Remove quote tweet border radius */
  25.     
  26.     article[data-testid="tweet"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) >  div:nth-child(3) > div > div[tabindex="0"][role="link"] {
  27.         border-radius: 0;
  28.     }
  29.     
  30.     /* Hide "subscribe to premium"*/
  31.     
  32.     div[aria-label="Trending"] > div > div:has(> aside[aria-label="Subscribe to Premium"]) {
  33.         display: none;
  34.     }
  35.     
  36.     /* Hide trending tab */
  37.     
  38.     div[aria-label="Trending"] > div > div:has(> div > section > div[aria-label="Timeline: Trending now"]) {
  39.         display: none;
  40.     }
  41.     div[aria-label="Trending"] > div > div:has(> div > div > div[aria-label="Loading timeline"]) {
  42.         display: none;
  43.     }
  44.     
  45.     /* Hide tos, privacy policy, etc */
  46.     
  47.     div[aria-label="Trending"] > div > div:has(> nav[aria-label="Footer"]) {
  48.         display: none;
  49.     }
  50.     
  51.     /* Hide "new tweets" thing */
  52.     
  53.     div[aria-label="New posts are available. Push the period key to go to the them."] {
  54.         display: none;
  55.     }
  56.     
  57.     /* Hide "unread items" home icon */
  58.     
  59.     nav[role="navigation"] > a[data-testid="AppTabBar_Home_Link"] div[aria-label="undefined unread items"] {
  60.         display: none;
  61.     }
  62.     
  63.     /* Dim the opacity of the play button so we can see the full video */
  64.     
  65.     div[aria-label="Play this video"][data-testid="playButton"] {
  66.         background-color: rgba(29, 155, 240, 0.5);
  67.     }
  68.     div[aria-label="Play this video"][data-testid="playButton"]:hover {
  69.         background-color: rgba(26, 140, 216, 0.5);
  70.     }
  71.     
  72.     /* Remove line clamp on long tweets */
  73.     
  74.     div[data-testid="tweetText"] {
  75.         -webkit-line-clamp: unset !important;
  76.     }
  77.     
  78.     /* Remove "show more" link */
  79.     
  80.     div[data-testid="tweet-text-show-more-link"] {
  81.         display: none;
  82.     }
  83.     
  84.     /* Unstick "for you/following" */
  85.     
  86.     div[aria-label="Home timeline"] > div:nth-child(1) {
  87.         position: unset;
  88.     }
  89.     
  90.     /* Remove post prompt on home timeline */
  91.     
  92.     div[aria-label="Home timeline"] > div:nth-child(3) > div:has(label[data-testid="tweetTextarea_0_label"]) {
  93.         display: none;
  94.     }
  95.     
  96. }