No Code Attached Yet ? bug
avatar joomlaphp
joomlaphp
5 Apr 2022

Steps to reproduce the issue

Creating new submenus. When the submenu is closed, you will see that there is a link color problem.

Actual result

Please click the picture for the video.
Watch the video

System information (as much as possible)

New installation
Joomla 4.1.2
PHP: 8.0.17

avatar joomlaphp joomlaphp - open - 5 Apr 2022
avatar joomla-cms-bot joomla-cms-bot - change - 5 Apr 2022
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 5 Apr 2022
avatar joomlaphp joomlaphp - change - 5 Apr 2022
The description was changed
avatar joomlaphp joomlaphp - edited - 5 Apr 2022
avatar joomlaphp joomlaphp - change - 5 Apr 2022
The description was changed
avatar joomlaphp joomlaphp - edited - 5 Apr 2022
avatar joomlaphp joomlaphp - change - 5 Apr 2022
The description was changed
avatar joomlaphp joomlaphp - edited - 5 Apr 2022
avatar joomlaphp joomlaphp - change - 5 Apr 2022
Title
Joomla Cassiopeia link color issue on click to close Submenu
Joomla Cassiopeia: link color issue on click to close Submenu
avatar joomlaphp joomlaphp - edited - 5 Apr 2022
avatar joomlaphp joomlaphp - change - 5 Apr 2022
The description was changed
avatar joomlaphp joomlaphp - edited - 5 Apr 2022
avatar brianteeman
brianteeman - comment - 5 Apr 2022

sorry I dont see what the problem is that you are trying to show in the video

avatar joomlaphp
joomlaphp - comment - 5 Apr 2022

üzgünüm videoda göstermeye çalıştığın sorunun ne olduğunu anlamadım

Hi @brianteeman ,

Please look at the link colors when closing the submenu. It turns blue.

avatar brianteeman
brianteeman - comment - 5 Apr 2022

i see the circle on your mouse pointer change but not the link.

zoom

avatar joomlaphp
joomlaphp - comment - 5 Apr 2022

Add different color to CSS file, not default link colors. I added slow motion so you can see better now.

https://www.grafiksite.com/j4.mp4

avatar joomlaphp
joomlaphp - comment - 5 Apr 2022

For example, I want to use a color as follows. The result is like the video I added in my previous message.

.metismenu.mod-menu .mm-collapse>li>a { color: var(--template-bg-dark-80); }
.metismenu.mod-menu .mm-collapse>li>a:hover { color: var(--danger-border) !important; }

avatar chmst chmst - change - 5 Apr 2022
Status New Closed
Closed_Date 0000-00-00 00:00:00 2022-04-05 19:49:45
Closed_By chmst
avatar chmst chmst - close - 5 Apr 2022
avatar chmst
chmst - comment - 5 Apr 2022

I understand that you want to change the appearance of your links in metismenu.
You can make a child template of cassiopeia and write your changes into a user.css.

This is not an issue of the joomla core or of cassiopiea. You better ask in forum.jooma.com

avatar joomlaphp
joomlaphp - comment - 6 Apr 2022

I know how to do it (I'm using user.css). But there is an error in the template dropdown here, check anyway. I didn't say anything about the Joomla core. And I've never seen this kind of problem with any template. It's not nice to have minor bugs in the core template.
Thank you.

avatar chmst
chmst - comment - 6 Apr 2022

@drmenzelit could you please have a look here? It it is a bug in cassiopeia we can re-open the issue.

avatar drmenzelit
drmenzelit - comment - 6 Apr 2022

Hi @joomlaphp , I see what you mean, it has something to do with the javascript controlling the dropdown. Sadly I'm not good at javascript, so I don't know how to solve it...

avatar chmst chmst - change - 6 Apr 2022
Status Closed New
Closed_Date 2022-04-05 19:49:45
Closed_By chmst
avatar chmst chmst - reopen - 6 Apr 2022
avatar brianteeman
brianteeman - comment - 6 Apr 2022

I could try and help but I just dont see the bug. maybe i am looking in the wrong place?

avatar drmenzelit
drmenzelit - comment - 6 Apr 2022

When the menu items have another colour than the standard Cassiopeia blue (Ugur has some grey) and you close the dropdown for a tiny moment you see the links dissapering and they are blue... in the slow motion video is better to see... We had already reports about the background of the submenu dissapering faster than the links itself, but I can't find them now...

avatar brianteeman
brianteeman - comment - 6 Apr 2022

ok I see it now

avatar joomlaphp
joomlaphp - comment - 6 Apr 2022

Yes, it seems to be related to javascript. I'm looking through the files, I hope we can find and fix it.
@brianteeman @drmenzelit @chmst Thank you again for your interest.

avatar brianteeman
brianteeman - comment - 6 Apr 2022

The problem is reproducable on the metismenujs demo site https://onokumus.com/metismenujs/

The problem is that for a small period of time there is no metismenu mm-collapse class on the link

So its not something that can be fixed here and would need to be addressed upstream at https://github.com/onokumus/metismenujs

You could try adding
.metismenu.mod-menu a { color: var(--template-bg-dark-80); }

Or if you want to dig into the javascript then it will be the hide or the hidden events

hide.metisMenu This event is fired immediately when the hide method has been called.
hidden.metisMenu This event is fired when a collapse ul element has been hidden from the user (will wait for CSS transitions to complete).
avatar joomlaphp
joomlaphp - comment - 6 Apr 2022

.metismenu.mod-menu a { color: var(--template-bg-dark-80); }

Of course this solves the problem. I'm sure this little problem will be fixed in time. Thanks again to all of you.

avatar chmst chmst - change - 6 Apr 2022
Labels Added: ? good first issue
avatar chmst chmst - labeled - 6 Apr 2022
avatar chmst chmst - labeled - 6 Apr 2022
avatar chmst chmst - change - 6 Apr 2022
Labels Removed: good first issue
avatar chmst chmst - unlabeled - 6 Apr 2022
avatar abinash185
abinash185 - comment - 18 Apr 2022

I am working on it.

avatar chmst
chmst - comment - 18 Apr 2022

Thank you @abinash185 I assigned this to you.

avatar joomlaphp
joomlaphp - comment - 11 May 2022

@abinash185 Any progress?

Thanks

avatar joomlaphp
joomlaphp - comment - 1 Jun 2022
avatar chmst
chmst - comment - 1 Jun 2022

unassigned @abinash185. Annoying ^^

avatar joomlaphp
joomlaphp - comment - 11 Jun 2022

I asked the question to the producer of Metismenu and the answer was:

Hello,

First of all, I should point out that MetisMenu only comes with the CSS code it needs. The rest of the customizations belong to the user.

For example, padding, margin, text color, background color, underline etc. features are left to the user. In other words, MetisMenu only offers basic features, does not interfere with the rest.

As I understand from the video, your requests are not related to these basic features, but for customization. I also don't know how much Joomla customizes MetisMenu and offers it to its users.

For the reasons I listed above, the recommendations I can give you are:

Examine how the CSS features offered by Joomla affect MetisMenu,

If necessary, find out how to customize it according to this review.

avatar brianteeman
brianteeman - comment - 11 Jun 2022

As stated above I replicated the issue you reported on the metismenu example site

avatar joomlaphp joomlaphp - change - 4 Jul 2022
The description was changed
avatar joomlaphp joomlaphp - edited - 4 Jul 2022
avatar chmst chmst - change - 17 Feb 2023
Labels Added: bug
avatar chmst chmst - labeled - 17 Feb 2023
avatar joomlaphp joomlaphp - change - 1 Aug 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-08-01 21:22:10
Closed_By joomlaphp
avatar joomlaphp joomlaphp - close - 1 Aug 2023
avatar joomlaphp joomlaphp - change - 1 Aug 2023
Status Closed New
Closed_Date 2023-08-01 21:22:10
Closed_By joomlaphp
avatar joomlaphp joomlaphp - reopen - 1 Aug 2023
avatar joomlaphp joomlaphp - change - 3 Aug 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-08-03 10:14:19
Closed_By joomlaphp
avatar joomlaphp joomlaphp - close - 3 Aug 2023

Add a Comment

Login with GitHub to post a comment