Navigation Toolkit [Support Topic]

[shahed]

Support Topic for Plugin-Navigation Toolkit

 

Please use this topic for support request or new Ideas

[Steph40]

Looking forward to 1.01 to fix mobile. Thanks.

[Everade]

@shahed

There several issues with dark mode that i've encountered.
Looking forward to some improvements for it.

Also, what's pretty annoying is that on each new page load, it always shows the page in light mode for a split second.
That's really hard on your eyes when it's night. That's most likely the worst about this plugin. Really hope that can be adressed.
 

The Text Editor is rock bottom:

 

Author box:

 

There are black icons in topic edit mode

 

Page categories:
 

 

Sub Menu

 

Page Categories missing icons:

 

Inconsistent green label on pages:
    

 

When looking at text editor SOURCE CODE the background is white, text too...

 

 

Suggestion:

It would also be great if we could set some of the main colors ourselfs.

 

 

Edited June 21, 2021 by Everade

[Everade]

@shahed

 

Quotes are also extremely hard to differentiate between normal test as seen here:

[shahed]

10 hours ago, Everade said:

There several issues with dark mode that i've encountered.
Looking forward to some improvements for it.

Thanks @Everade for reporting.

Every issue that are being reported (editor, quotes, badges, etc) will be fix in 1.0.2 // Navigation Toolkit 1.0.1 are already submitted for the review in marketplace.

 

There are however a few notes:

10 hours ago, Everade said:

Also, what's pretty annoying is that on each new page load, it always shows the page in light mode for a split second.

This is because plugin uses JavaScript method for storing user selections. and JS files loads during page load.

 

10 hours ago, Everade said:

It would also be great if we could set some of the main colors ourselfs.

There are so many CSS class variable in place and adding setting for them is really not the direction I want to go with this plugin. though I must mention that I have some ideas for easier customization.

[Everade]

@shahed

Most widgets are also hard to distinguish due to their background being invisible.
These are just examples of 3, most widgets are actualy not having a background.

Looking forward to the update 🙂

 

[shahed]

7 hours ago, Everade said:

Most widgets are also hard to distinguish due to their background being invisible.
These are just examples of 3, most widgets are actualy not having a background.

Looking forward to the update 🙂

This is one of the issues that will be fix in 1.0.1 👍

[Eric BXL]

I like this plugin but I am missing the "Show/Hide Global sidebar".

Is that not implemented yet?

 

[shahed]

2 hours ago, Eric BXL said:

I like this plugin but I am missing the "Show/Hide Global sidebar".

Is that not implemented yet?

Sorry for the confusion. it is one of the new feature in 1.0.1 and you can see in demo website. I had submitted this version about three days ago and updated the feature list as such. since then this version awaits for approval by MP team.

[Steph40]

still waiting on 1.01 approval grrrrr...........

[Everade]

@shahed
There's an event listener error in the web console with "Text resize button" disabled.

Edited July 3, 2021 by Everade

[shahed]

6 hours ago, Everade said:

There's an event listener error in the web console with "Text resize button" disabled.

I'm not sure what error is reported here and I can't reproduce it. can you send screenshot of the error? when I'm disable "Text resize button" it will disappear from public use and no error being caused.

[Everade]

Sent you a PM with all the details.

 

[bosss]

Should be fine if we can choose skins for use of this plugin!

[Steph40]

Omg the update was approuved!!!

[Everade]

Thanks for the update.
However there are still some leftover issues.

In mobile view, social icons are displayed instead of hidden:
Please hide them just live in the official design.

 

Dark mode also has still several issues such as:
Topics Widget for the ipsCommentCount is invisible.

 

Manage Promoted Items Page:

 

Not all Field Labels for Pages are not optimized for dark mode.
Some are barely visible, if at all.
This is just an example of some of the listing view formats:

Date of Incident is almost invisible:


For example your Legend News uses this black label as well.
The category is almost invisible:

These are defined on Page Field Settings and can be picked as shown here:
They look fine in the dark mode of the admin panel though.

 

Also the addEventListener error  that i reported to you still perists in the plugins.js
However this time around you duplicated the warning and error with the addition of the new function, which by the way also refers to fontBtn which is for sure a copy/paste mistake.

Would be great if you could resolve these errors soon.

[Everade]

One more dark theme issue are answer ratings:

[shahed]

8 hours ago, Steph40 said:

Omg the update was approuved!!!

A historic day 🙂

 

@Everade All of these issues will be fix in 1.0.3 / please report such issues if you find anymore of them, so I can add to 1.0.3 before submit in MP for review.

[Everade]

Could you increase the space between the day/night button and the menu? (mobile only)
It's very close on mobile.

 

[shahed]

44 minutes ago, Everade said:

Could you increase the space between the day/night button and the menu? (mobile only)
It's very close on mobile.

 

Sure. will be implement in future updates. quick fix would be adding this class in your theme's custom.css at the end of the file.

@media screen and (max-width: 767px) {
	.MVN_themeToolkit label {
	    margin-right: 5px;
	}
}

 

[Everade]

Latest update broke your Legend News system css for dark mode:

Edited August 22, 2021 by Everade

[shahed]

2 hours ago, Everade said:

Latest update broke your Legend News system css for dark mode:

Yes, sorry about that. there is a upcoming Legend News update is under way and based on that there was no need for relevant Legend News classes in Navigation Toolkit. so they are permanently removed from this plugin. but as of now until News update come, you can add this class to your theme's custom.css at the end of the file.

html[data-theme="dark"] .legend_card_container {
    background: rgba( var(--theme-area_background),.5 ) !important;
}

 

[Alex Duffy]

Great work, I love most of its features, but the dark more is not compatible with much of the print, it just doesn't show. I think that is an important feature and would like to see it fixed. But even without this it's still a very useful plug-in.

[Alex Duffy]

2 hours ago, Alex Duffy said:

Great work, I love most of its features, but the dark more is not compatible with much of the print, it just doesn't show. I think that is an important feature and would like to see it fixed. But even without this it's still a very useful plug-in.

I should add its not compatible with Pages SuperGrid 3.2. The text does not show up and the images on the listings are also affected. Apart from that it seems to work well. 

 

[shahed]

10 hours ago, Alex Duffy said:

Great work, I love most of its features, but the dark more is not compatible with much of the print, it just doesn't show. I think that is an important feature and would like to see it fixed. But even without this it's still a very useful plug-in.

Hi,

What is the print?

7 hours ago, Alex Duffy said:

I should add its not compatible with Pages SuperGrid 3.2. The text does not show up and the images on the listings are also affected. Apart from that it seems to work well. 

Well... extend of support for public releases are normally limited to Invision apps or my own, as simply I don't own/have other third-party resources, so on that part there is nothing to support to begin with.

I only can say how my plugin works, so maybe helps to make other templates work with as well.

• For css file, this plugin uses "navigationtoolkit.css" can be found in your theme edit CSS and HTML
• Now, any custom class that exist in your website can be put through this format and will change style in Dark Mode:

html[data-theme="dark"] .customClass {
    background: #333;
}

You can add any class in navigationtoolkit.css by this format, and that class will have different style in Navigation Toolkit's Dark mode. 👍