Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Area around TOC seems to be rendered incorrectly #49

Closed
vitaprimo opened this issue Dec 10, 2022 · 5 comments
Closed

Area around TOC seems to be rendered incorrectly #49

vitaprimo opened this issue Dec 10, 2022 · 5 comments

Comments

@vitaprimo
Copy link

I spent quite a bit of time trying to find what color to change to get rid of the shadow-like border around the TOC but I just couldn't do it. From screenshots I took the color with a design app, but the color wasn't on any of the boxes in the styles section.

Finally I reset everything, judging from the screenshots on the theme's description, I figured it should look like that it was reset to defaults, but of course I wouldn't be here it that had succeeded.

I think it's not supposed to look like that. I attached a giant screenshot of the issue on a couple of browsers…and old Safari.

Screen Shot 2022-12-09 at 13 38 53 PM

@nomadjimbob
Copy link
Owner

nomadjimbob commented Dec 12, 2022

The box shadow is not configurable through any admin interface, however you can add a sub-theme to remove it from the TOC.

Create the folder/file within the template at \lib\tpl\mikio\themes\noshadow\style.css with the following contents:

.mikio .mikio-toc #dw__toc {
    box-shadow: none;
}

Then in the admin interface, set the customTheme to noshadow

Screenshot 2022-12-12 at 10 09 16 am

that will override the mikio styling and not impact any future updates.

I am not sure what you are showing me with the screenshots? Are you wanting to reset the custom colours you have set?

You can delete the file created by Dokuwiki in \conf\tpl\mikio\style.ini. This file will contain all the default mikio colour settings (which is located at \lib\tpl\mikio\style.ini) with any custom settings you have also set. By deleting this file, you will remove any custom colours you have applied to Mikio, reverting the template back to default.

@RonaldPR
Copy link

RonaldPR commented May 6, 2023

We are having the exact same issue, but it is not the shadow.

Empty scroll bars appear to the right and at the bottom of the Table of Contents when in the Configuration Settings the Table of Contents is set to "Show the TOC as a full height element"

At first only Windows users of our wiki reported seeing this anomaly in various web browsers, while I did not see it in macOS. Only after I set in System Preference (System Settings in Ventura) "Show scrol bars" to "Always" these empty scroll bars also appeared in macOS, in all my web browsers.

Creating and enabling the noshadow theme as described did make the shadow go away, leaving only the border, but it did not make the empty scroll bars go away.

For now, I disabled "Show the TOC as a full height element", but it would be nice to be able to use this functionality without this visual issue.

@RonaldPR
Copy link

Maybe the cropped screenshots by vitaprimo do not show the issue clearly. Here are two screenshots from full browser windows;

In Chrome for Windows: https://www.toeflresources.com/wp-content/uploads/2023/05/Screenshot-2201.png
In Windows the issue was seen in Chrome, Firefox, and SeaMonkey.

In Safari for macOS: https://ronaldpr.home.xs4all.nl/emaculation/Screenshot_2023-05-08.png
In macOS the issue was seen in Safari, Firefox, iCab, and SeaMonkey.

Note that this visual anomaly only appears when in the Configuration Settings, Table of Contents, "Show the TOC as a full height element" is enabled.

In macOS the anomaly will only be manifest if also in System Preferences (System Settings in Ventura) "Show scrol bars" is set to "Always"

I hope something can be done about this issue as using the TOC as "full height element" is otherwise a nice feature with the TOC staying next to the article when one scrolls down.

@nomadjimbob
Copy link
Owner

Thanks for letting me know and showing the screenshots. It looks like I have fixed this issue and will be pushed to Dokuwiki in the next hour or so. If it persists, please let me know

@RonaldPR
Copy link

RonaldPR commented May 11, 2023 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants