OpenSanghaFoundation / OSF

Bug/Feature requests tracking and documentation managament
https://opensanghafoundation.org
0 stars 0 forks source link

Colors on Messages are difficult to read #25

Closed nowmichaelclark closed 2 months ago

nowmichaelclark commented 2 months ago

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://opensanghafoundation.org/newsite/messageum/
  2. Click on a chat with an OSF member or send a new message.
  3. See the points where the light green is used. This shows up poorly on both mobile and desktop.

Expected behavior Colors that are easier to read instead of the light green that is currently used. I've highlighted where this green color is used in the screenshot below.

Screenshots messages

coiby commented 2 months ago

Solution

  1. Go to Ultimate Member -> Settings -> Extensions
  2. Click the "Clear" button to reset the "Primary color" Screenshot_2024-05-13_20-33-20

Debugging Process

I have a clean install WP+UM message extension and here's how it looks in a default setup, Peek 2024-05-13 20-26

Obvious the default setup doesn't this this issue. And I find the color is determined by the following style,

.um-message-send, .um-message-send.disabled:hover {
  background-color: #0085ba;
}

Searching for 0085ba shows it's the default value used by UM messages extension,

$ grep -rI 0085ba ./um-messaging
./um-messaging/includes/core/class-messaging-setup.php:35:                   'pm_active_color'              => '#0085ba',

However, the OSF website used a different value,

.um-message-send, .um-message-send.disabled:hover {
    background-color: #cff7df;
}

So someone must have changed the color.

coiby commented 2 months ago

Hi @nowmichaelclark, Btw, do you know who created this /messageum page. Personally, I don't think there is a need to created this page and a better way to to use https://opensanghafoundation.org/newsite/user/?profiletab=messages instead.

nowmichaelclark commented 2 months ago

@coiby Thank you for the fix! I'm not sure who created the /messagum page. One thing that is nice about that page is that it removes extra information from the top of the page and has less elements to load. This makes for a cleaner viewing experience on mobile. Both pages have the colors fixed so this is great. I will mention the two different message pages to Dhammarato tomorrow. For now, we can close this issue as the colors have been fixed.