Project

General

Profile

Actions
Copy link

Defect #42182

open

Poor color contrast of icons on flyout menu

Added by Liane Hampe 7 days ago. Updated about 17 hours ago.

Status:
Confirmed
Priority:
Normal
Assignee:
-
Category:
UI - Responsive
Target version:
6.0.4
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Affected version:
6.0.2

Description

Files

Download all files
clipboard-202501281613-sjahh.png (25.1 KB) clipboard-202501281613-sjahh.png Liane Hampe, 2025-01-28 16:13
screenshot 2025-02-04 13.42.26.png (37.3 KB) screenshot 2025-02-04 13.42.26.png Mizuki ISHIKAWA, 2025-02-04 05:44
Actions
Copy link
 #1

Updated by Go MAEDA 6 days ago

  • Subject changed from Poor color contrast of icons on flyout menu to Poor color contrast of icons on flyout menu with Alternate theme
  • Status changed from New to Confirmed

The reported issue is reproducible when using the Alternate theme.

Actions
Copy link
 #2

Updated by Mizuki ISHIKAWA about 18 hours ago

This problem could be reproduced in the Default theme.
Here is the diff that fixes the problem.

diff --git a/app/assets/stylesheets/responsive.css b/app/assets/stylesheets/responsive.css
index 4eff84187..ec580037c 100644
--- a/app/assets/stylesheets/responsive.css
+++ b/app/assets/stylesheets/responsive.css
@@ -440,6 +440,10 @@
     color: white;
   }

+  .flyout-menu .icon svg {
+    stroke: white;
+  }
+
   .flyout-menu ul li a:hover {
     text-decoration: none;
   }
@@ -560,8 +564,10 @@
   #admin-menu a.selected {
     line-height: 40px;
     padding: 0;
-    padding-left: 32px !important;
-    background-position: 8px 50%;
+  }
+
+  #admin-menu a.icon:not(:has(svg)) {
+    padding-left: 20px !important;
   }

   /*----------------------------------------*\

After change:

Actions
Copy link
 #3

Updated by Go MAEDA about 18 hours ago

  • Subject changed from Poor color contrast of icons on flyout menu with Alternate theme to Poor color contrast of icons on flyout menu
  • Target version set to Candidate for next minor release
Actions
Copy link
 #4

Updated by Go MAEDA about 17 hours ago

  • Target version changed from Candidate for next minor release to 6.0.4

Setting the target version to 6.0.4.

Actions
Copy link

Also available in: Atom PDF