☰

Stylus: Fix Message Boxes Width

Fixes message boxes’ width on mobile.

当前为 2024-04-19 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name               Stylus: Fix Message Boxes Width
  3. @description        Fixes message boxes’ width on mobile.
  4. @author             Jason Kwok
  5. @namespace          https://jasonhk.dev/
  6. @version            1.0.0
  7. @license            MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document regexp("^\\w+-extension://.+")
  11. {
  12.     @media (max-width: 650px)
  13.     {
  14.         #message-box > div
  15.         {
  16.             max-width: 75vw;
  17.         }
  18.     }
  19.     
  20.     @media (max-width: 450px)
  21.     {
  22.         #message-box > div
  23.         {
  24.             max-width: 95vw;
  25.         }
  26.     }
  27. }