freescout-help-desk / freescout

FreeScout — Free self-hosted help desk & shared mailbox (Zendesk / Help Scout alternative)
https://freescout.net
GNU Affero General Public License v3.0
2.85k stars 479 forks source link

UI display issues in light mode #3785

Closed ezy3 closed 6 months ago

ezy3 commented 6 months ago

We are currently experiencing an issue where the UI is displaying incorrectly. Its working fine on dark mode but light mode doesn't work.

Free Scout Issue

PHP version: 8.1.27 FreeScout version: 1.8.120 Database: MySQL Are you using CloudFlare: No

Following modules installed and active: Auto Login Version: 1.0.2

Block External Images Version: 1.0.7

Custom Folders Version: 1.0.19

Custom Mailbox Signatures Version: 1.0.14

Customization & Rebranding Version: 1.0.18

Dark Mode Version: 1.0.14

Embed Images Version: 1.0.2

Extended Attachments Version: 1.0.19

Move or Remove IMAP MessageActive Version: 1.0.3

Inbox Version: 1.0.3

Kanban Version: 1.0.20

Mailbox Icons Version: 1.0.4

OAuth & Social Login Version: 1.0.16

Reports Version: 1.0.37

Satisfaction Ratings Version: 1.0.22

Saved Replies Version: 1.0.37

Send & Close Version: 1.0.8

Sent Folder Version: 1.0.13

Snooze Version: 1.0.16

Tags Version: 1.0.36

Teams Version: 1.0.17

Time Tracking Version: 1.0.17

User Fields Version: 1.0.4

freescout-helpdesk commented 6 months ago

Does it get back to normal when Dark Mode module is disabled? Do you have some custom CSS adjustments on your FreeScout?

ezy3 commented 6 months ago

No it does not. Don't have any custom CSS. This must have happened after a recent update as its a new issue and we haven't added any new modules or anything in the last year. Its been perfect.

ezy3 commented 6 months ago

image image Had a look at the Elements via inspector and seems like the footer in dark mode the css is set to display: none but in light mode it has other styling.

The only custom css i have is this below but i removed it and still the same issue:

.navbar-default .navbar-brand:hover { background-color: #1c7589; }

freescout-helpdesk commented 6 months ago

Try to re-update your FreeScout using manual updating method.

ezy3 commented 6 months ago

Hi, I have worked around this issue by simply adding the following CSS:

.footer { display: none; }

We don't really need the footer so that's ok for now. I'll see with the next auto update if it fixes the issue.

ezy3 commented 6 months ago

Managed to fix the issue. The custom signature was the problem. I cut the signature. Saved it. Then pasted it back in and saved it. All the CSS seems normal now. Even the footer works.