JUI Bootstrap issue

[Mario]

The current z-index parameter for the modal in media/jui/bootstrap.css (line 3980) is set below the navigation ul drop-downs z-index, causing the dropdowns to keep visible when modal is open. 

Since the bootstrap.css has already some jui customization on the modal z-index, I suggest that the following correction to overcome this small issue:

media/jui/bootstrap.css (line 3980) 

.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

-  z-index: 1040; 

+ z-index: 2050;

  background-color: #000000;

}

[elin]

Would you put that in the tracker preferably with a pull request if you know how to compile it.

Elin

[Mario]

I've tried in github but couldn't pull this bootstrap.css file. 

[Michael Babker]

You'd need to fix the issue in each template's variables.less file then recompile the template CSS.  That CSS file you mention is actually the default Bootstrap file, and we aren't modifying it to provide it as a default option for folks who are only needing parts of the Bootstrap CSS but haven't compiled their own edits or anything like that.

--
You received this message because you are subscribed to the Google Groups "Joomla! CMS Development" group.
To view this discussion on the web, visit https://groups.google.com/d/msg/joomla-dev-cms/-/xg7O1J1hZx0J.
To post to this group, send an email to joomla-...@googlegroups.com.
To unsubscribe from this group, send email to joomla-dev-cm...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/joomla-dev-cms?hl=en-GB.

[Mario]

I see. Please correct me if I'm wrong - calling JHtmlBootstrap::loadCss($includeMaincss = true); is just useless then. 

If the bootstrap main css, that is part of the main Joomla! 3 package (the one I'm referring to), is already a customization of the original twitter Bootstrap css file, that accommodates some JUI features, specifically the one related to the modal, using it makes no sense then, as far as I understood. Not so sure about this, but thanks for the follow up.

[Michael Babker]

Using that method is good if you're using a non-Bootstrap template and want Bootstrap markup (i.e. The labels or badges or pagination, for example).  So, instead of having to get the CSS yourself, you can call that method.  The $includeMaincss param will load the default bootstrap.css file with no modifications.  If you're using a template that's using the JUI Less files (i.e. The core Isis and Protostar templates), then when you compile your CSS, you'd have these additional customizations included.  Hope that helps.

To view this discussion on the web, visit https://groups.google.com/d/msg/joomla-dev-cms/-/_LUBzT0Y9xYJ.

[Mario]

Ok, I thought the philosophy behind it was kind of different. Thanks for your insights.