Просмотр исходного кода

fix(ui): make hover:text-white theme-aware so light-theme labels survive hover (issue #1909)

maziggy 2 часов назад
Родитель
Сommit
5ab0a4cb11
5 измененных файлов с 13 добавлено и 2 удалено
  1. 1 0
      CHANGELOG.md
  2. 10 0
      frontend/src/index.css
  3. 0 0
      static/assets/index-ChscM3lF.css
  4. 0 0
      static/assets/index-DQoG4yeu.js
  5. 2 2
      static/index.html

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
CHANGELOG.md


+ 10 - 0
frontend/src/index.css

@@ -348,6 +348,16 @@ body {
   color: var(--text-primary);
   color: var(--text-primary);
 }
 }
 
 
+/* Same, for the hover variant (#1909).  Tailwind compiles `hover:text-white`
+   to `.hover\:text-white:hover`, a different selector the rule above never
+   matches -- so every one of the ~400 `text-bambu-gray hover:text-white`
+   controls turned literally white on hover and vanished against the light
+   theme's background.  Unlayered, like the rule above, so it outranks
+   Tailwind's `@layer utilities` output. */
+.hover\:text-white:hover {
+  color: var(--text-primary);
+}
+
 /* Smooth transitions for theme changes */
 /* Smooth transitions for theme changes */
 .bg-bambu-dark,
 .bg-bambu-dark,
 .bg-bambu-dark-secondary,
 .bg-bambu-dark-secondary,

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
static/assets/index-ChscM3lF.css


+ 0 - 0
static/assets/index-CH-LgsSx.js → static/assets/index-DQoG4yeu.js


+ 2 - 2
static/index.html

@@ -26,8 +26,8 @@
 
 
     <!-- Splash screens for iOS -->
     <!-- Splash screens for iOS -->
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
-    <script type="module" crossorigin src="/assets/index-CH-LgsSx.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DR-aOvsI.css">
+    <script type="module" crossorigin src="/assets/index-DQoG4yeu.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-ChscM3lF.css">
   </head>
   </head>
   <body>
   <body>
     <div id="root"></div>
     <div id="root"></div>

Некоторые файлы не были показаны из-за большого количества измененных файлов