starred/cypht

Fork 0

mirror of https://github.com/cypht-org/cypht.git synced 2026-04-24 20:46:04 +03:00

[GH-ISSUE #1848] 🐛 [Bug] CSS issue Mail Folder Burger Menu #721

New issue

Open

opened 2026-02-25 21:35:45 +03:00 by kerem · 7 comments

kerem commented

2026-02-25 21:35:45 +03:00

Owner

Originally created by @Rainson12 on GitHub (Jan 27, 2026).
Original GitHub issue: https://github.com/cypht-org/cypht/issues/1848

Originally assigned to: @IrAlfred on GitHub.

🐛 Bug

When adding a new mailbox it seems that for some folder the burger menu "3 dots" always are shown in a new line instead of being shown only on mouse over. Additionally it seems that the first menu is not clickable.

It seems that by adding the css class m-has-children to the element some selectors are no longer working:

as the css classes no longer apply:

.inner_list li[class^="imap_"] #main-link {
    flex-grow: 1;
}
.inner_list li[class^="imap_"] .action-link {
    opacity: 0;
}
.inner_list li[class^="imap_"]:hover .action-link {
    opacity: 1;
}

if the css classes would be assigned like imap_6979203638ec2_5472617368 m-has-children the selector would work and it would show better (screenshot taken while hovering, note that the dots are not right aligned):

I would propose to fix it with *= instead of ^=

Originally created by @Rainson12 on GitHub (Jan 27, 2026). Original GitHub issue: https://github.com/cypht-org/cypht/issues/1848 Originally assigned to: @IrAlfred on GitHub. ## 🐛 Bug When adding a new mailbox it seems that for some folder the burger menu "3 dots" always are shown in a new line instead of being shown only on mouse over. Additionally it seems that the first menu is not clickable. <img width="1136" height="1055" alt="Image" src="https://github.com/user-attachments/assets/4c828cfa-c33c-4112-ace6-d30f5500c839" /> It seems that by adding the css class `m-has-children` to the element some selectors are no longer working: <img width="666" height="144" alt="Image" src="https://github.com/user-attachments/assets/721cb9aa-d652-4b05-8e6a-ca5b8ddd1a5c" /> as the css classes no longer apply: ``` .inner_list li[class^="imap_"] #main-link { flex-grow: 1; } .inner_list li[class^="imap_"] .action-link { opacity: 0; } .inner_list li[class^="imap_"]:hover .action-link { opacity: 1; } ``` if the css classes would be assigned like `imap_6979203638ec2_5472617368 m-has-children` the selector would work and it would show better (screenshot taken while hovering, note that the dots are not right aligned): <img width="294" height="47" alt="Image" src="https://github.com/user-attachments/assets/a9e23343-b9d4-4509-8549-76f1199e0f04" /> I would propose to fix it with `*= ` instead of `^=`

kerem added the

bug

label

2026-02-25 21:35:45 +03:00

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@IrAlfred commented on GitHub (Jan 29, 2026):

Thank you @Rainson12 for submitting this issue

@IrAlfred commented on GitHub (Jan 29, 2026): Thank you @Rainson12 for submitting this issue

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@IrAlfred commented on GitHub (Feb 6, 2026):

Hello @Rainson12

I couldn't reproduce this issue. Could you please provide more details about your mail server, operating system, and browser?

@IrAlfred commented on GitHub (Feb 6, 2026): Hello @Rainson12 I couldn't reproduce this issue. Could you please provide more details about your mail server, operating system, and browser?

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@Rainson12 commented on GitHub (Feb 6, 2026):

I am using stalwart mailserver, chrome browser (latest) but also tried it with latest firefox and ubuntu 24.04 as well as windows 11.

@Rainson12 commented on GitHub (Feb 6, 2026): I am using stalwart mailserver, chrome browser (latest) but also tried it with latest firefox and ubuntu 24.04 as well as windows 11.

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@IrAlfred commented on GitHub (Feb 7, 2026):

I am using stalwart mailserver, chrome browser (latest) but also tried it with latest firefox and ubuntu 24.04 as well as windows 11.

Thank you for these details.

@IrAlfred commented on GitHub (Feb 7, 2026): > I am using stalwart mailserver, chrome browser (latest) but also tried it with latest firefox and ubuntu 24.04 as well as windows 11. Thank you for these details.

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@marclaporte commented on GitHub (Feb 7, 2026):

stalwart mailserver

Stalwart offers both IMAP and JMAP. Which one are you using?

@marclaporte commented on GitHub (Feb 7, 2026): > stalwart mailserver Stalwart offers both IMAP and JMAP. Which one are you using?

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@Rainson12 commented on GitHub (Feb 18, 2026):

I am using Imap but I guess the issue is unrelated and the styling issue should also occur with jmap

@Rainson12 commented on GitHub (Feb 18, 2026): I am using Imap but I guess the issue is unrelated and the styling issue should also occur with jmap

kerem commented

2026-02-25 21:35:46 +03:00

Author

Owner

@daddiofaddio commented on GitHub (Feb 19, 2026):

I can confirm this behavior on my end as well.

Environment

Version: 2.6.0
OS: Ubuntu 20.04
IMAP

The dropdown icons on the far right of the main folders correctly open the share context menu, but the same icons shown next to subfolders are not wired to any action and do nothing when clicked.

All of the icons appear to use the same element:

<a href="#" class="action-link" data-bs-toggle="dropdown" aria-expanded="false" draggable="false">

As a temporary workaround, I hid the icons since I do not use sharing:

.inner_list .action-link {
  display: none;
}

I have 10+ accounts configured, including 6 IMAP accounts from different providers. The icons only appear on the two IMAP accounts hosted by Namecheap. All other IMAP accounts and Gmail imports display and behave correctly.

@daddiofaddio commented on GitHub (Feb 19, 2026): I can confirm this behavior on my end as well. **Environment** * Version: 2.6.0 * OS: Ubuntu 20.04 * IMAP <img width="368" height="539" alt="Image" src="https://github.com/user-attachments/assets/10ef6bd0-00fa-4c62-83d6-7308b558a5ae" /> The dropdown icons on the far right of the main folders correctly open the share context menu, but the same icons shown next to subfolders are not wired to any action and do nothing when clicked. All of the icons appear to use the same element: ```html <a href="#" class="action-link" data-bs-toggle="dropdown" aria-expanded="false" draggable="false"> ``` As a temporary workaround, I hid the icons since I do not use sharing: ```css .inner_list .action-link { display: none; } ``` <img width="435" height="660" alt="Image" src="https://github.com/user-attachments/assets/672c35df-cde9-4a46-8f1b-60b564e61e1d" /> I have 10+ accounts configured, including 6 IMAP accounts from different providers. The icons only appear on the two IMAP accounts hosted by Namecheap. All other IMAP accounts and Gmail imports display and behave correctly.

kerem referenced this issue

2026-02-25 21:36:56 +03:00

[PR #721] [MERGED] Sieve: added more options to block/ban page #1007