User tests: Successful: Unsuccessful:
Status | New | ⇒ | Pending |
Category | ⇒ | Administration Templates (admin) |
Labels |
Added:
?
|
It is
fileOverview Kickass library to create and place poppers near their reference elements
inside file
media/vendor/bootstrap/js/bootstrap.bundle.js
There was an issue to allow disabling these inline style via JS
so that people can customize positioning themselves
twbs/bootstrap#23378 (Popper.js messing up dropdown styles)
thus they added support for
data-display="static"
with
twbs/bootstrap#24092
So we can add data-display="static"
after data-toggle="dropdown"
to the layout file to disable it
and then use our custom CSS , to control positioning of the drop down
https://github.com/joomla/joomla-cms/blob/4.0-dev/layouts/joomla/toolbar/dropdown.php#L36
Documentation has not been updated yet ???
https://getbootstrap.com/docs/4.0/components/dropdowns/
You can see data-display="static"
here:
https://github.com/twbs/bootstrap/blob/9f742114840e71fd6557ca4fca3dcaaf72452f6d/docs/4.0/components/dropdowns.md
then use something like
.btn-group .dropdown-menu {
....
left: auto;
right: auto;
width: auto;
}
which will should also fix current positioning problem for RTL too
Thanks I will take a look at those links later
Documentation has not been updated yet ???
It has but this is only for BS 4.1 so the link is https://getbootstrap.com/docs/4.1/components/dropdowns/#dropdown-options
Category | Administration Templates (admin) | ⇒ | Administration Templates (admin) Layout |
@cavo789 https://github.com/joomla/joomla-cms/tree/4.0-dev#how-to-get-a-working-installation-from-the-source
You can not use patchtester alone for testing if/when there are css or js changes as I wrote in the original post
I have tested this item
I have tested this item
Menu Box autosizes with text length as expected.
Also working in other views
Status | Pending | ⇒ | Ready to Commit |
Ready to Commit after two successful tests.
I have tested this item
Status | Ready to Commit | ⇒ | Fixed in Code Base |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-09-08 20:27:30 |
Closed_By | ⇒ | wilsonge | |
Labels |
Added:
?
|
Thanks guys! Nice teamwork!
thanks
Appears to be some js applying the following inline styling to the dropdown...
transform: translate3d(-9px, 37px, 0px);
It is that
-9px
misaligning the dropdown. Javascript is really not my forte, so I have no idea where that should be changed.