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

Request Overlay #527

Open
BackuPs opened this issue Aug 29, 2021 · 2 comments
Open

Request Overlay #527

BackuPs opened this issue Aug 29, 2021 · 2 comments

Comments

@BackuPs
Copy link

BackuPs commented Aug 29, 2021

Please add a overlay with color to the loader. Like this

http://champion.backupsdemo.nl/features

You can click on the various top level menu items and see a differenty loader with different colors each time.

It would be nice if the overlay is part of the plugin. I also added 3 more themes. If you want i can send those to you.

@ranma2913
Copy link

Hi, we added our own easily with just CSS. add this class in your project:

.pace.pace-active {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    /* signed integer max value */
    z-index: 2147483647;
}

.pace {
	pointer-events: fill !important;
}

@BackuPs
Copy link
Author

BackuPs commented Sep 24, 2021

Hi

Thank you for the reply. This is a nice solution but it does not work as many effects will fail now... I stopped testing after i found 3 which did not work. See images.

afbeelding

afbeelding

afbeelding

All these effects css will have to be rewritten. So without the correct effect css it is not the correct way to go. My solution works better with the seperate wrapper.

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

2 participants