Page 3 of 4

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 12:21
by christine
fabio42 wrote: 23 Apr 2020, 12:07 Well, it worked for the buttons but now I click on one button, I got 2 popup windows :x :cry: opening :
- one standard popup
- one classic popup (browser-style popup)

Image
Above display, was not yesterday, but I saw it (today) also before you made this:
PD > Control Panel > Styles(CSS) button.css > disable it. > Has nothing to do with above.[/quote]

Hv to check. It's difficult with so many CSS and Gantry ....... Maybe check under PD > Options (Display) again.

Kind regards
Christine

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 12:31
by Jan
From the screenshot, it seems that standard popup is displayed and the modal from mootools is even called. If you don't need mootools, you can try to disable it with Phoca Upgrade System plugin.

The problem is always the same - if many different CSS and JS are loaded at once, they all can be in conflict with each other. So the first what we should do, is to plan which libraries we want and which not. Then we just don't load them - if there is parameter for this - e.g. some Phoca extensions have parameters to load some library or not. Another way can be then to use Phoca Upgrade System plugin and remove the libraries with help of system plugin - if they are in conflict.

Jan

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 14:56
by fabio42
Hi ! (still) me again ! :(
@Christine : you're absolutely right. The two windows opening at the same time bug is not because of css change in phoca download. I reversed to test. But I don't know what could cause that. As Jan says, there are conflicts between libraries ... the point is which ones ?
I then changed the pd display to modal box but I'm back with my opacity problem.

@Jan : I installed and tested the plugin. There are oh so many possible combinations !! I tried the most evident ones (Phoca download options set to Bootstrap and in the plugin, remove old bootstrap javascript, among others) but it did not improve the thing. I still get this opacity problem lagging with different layers that appear in the firebug panels ...
One thing for sure is I can't remove Montools because it prevents the modal popups generated by JCE pro (my editor coupled with Mediabox which creates those).
So, the least bad option for me is to set :
Phocadownload options :
Display : (yes)modal box
Bootstrap = NO
Plugin => disabled
At least the opacity problem is not happening ! :)
But this is what I get :
Image
It seems the rounded detail box is out of the popup window. (test yourself, that's weird layout)

Why so ? I am left confused at not knowing what to set correctly so I don't damage the house a bit further (everytime a problem is settled , another one is created) ...
Thanks for your gentle (and VERY patient) helping hand.

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 16:46
by christine
fabio42 wrote: 23 Apr 2020, 14:56 It seems the rounded detail box is out of the popup window. (test yourself, that's weird layout)
So, next try :-)

1) into custom.css:

Code: Select all

#sbox-window {
height:auto !important;
}
then stop and check.

2) In your joomla.css I found: .contentpane.modal { padding: 1.5rem;}

Try at first into your custom.css, if not successful, to your joomla.css, it seems it's loaded after custom.css:

Code: Select all

.contentpane.modal {
padding: 0.5rem;
}
or paddings, what ever you like.

Kind regards
Christine

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:02
by fabio42
ok, nearly ! :)
I tried the first code and checked.
Here it is :
Image
As you can see the rounded corner is still cut at the bottom ...

And then, I added the next code to my custom.scss. Nothing.
Next, I'm lost ... joomla css ?? where is that supposed to be ?

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:11
by christine
Be patient :-)
I can see also the 2nd Code in your custom.css & it works. Clear your Cache. It takes sometimes minutes for compiling the codes.

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:14
by fabio42
Well, actually, you helped me a lot ! :twisted: :twisted: :twisted:
Here is the code I added :

Code: Select all

.platform-content {
margin-bottom: -1.375rem;
}
And that corrected the last point !
Now, do you know if - by modifying platform-content - this will affect any other modal box anywhere else or will it just affect the ones for phocadownload ?
Thanks

EDIT : I just saw your message ... I'll try again asap. And tell you if it works. What's best in any case ? your solution ? mine ? (I don't want to destroy anything else ... :oops: )

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:22
by christine
As I wrote, I can see the 2nd Code in your custom.css & it works.

Don't know, how/where did you see ".platform-content"? Anyhow, it's not useful (generally) to use - (minus) segments, if not absolutely needed.

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:27
by fabio42
Ok, I'll reverse to your solution then, and I'll keep you updated ! (thanks anyway)

Re: Display detail button - modal box : css bug ?

Posted: 23 Apr 2020, 17:46
by fabio42
Your code worked out like a charm ! So I'm keeping your solution Christine !
Clap clap to both of you for heading me to a way out. :twisted:
I wish it could work without those tweaks ... maybe when gantry/joomla (??) will have standard bootstrap 3, everything will come back to normal. Meanwhile I'm enjoying your tips. :D
Fabio