? Pending

User tests: Successful: Unsuccessful:

avatar richard67
richard67
9 Jun 2018

Pull Request for Issue # ?.

Summary of Changes

This Pull Request (PR) removes the bootstrap class flex-column from the ul element of mod_menu and adds a BEM conforming class name to that element so this name can be used as selector in scss instead of flex-column in scss, and it corrects the scss for the header section of the Cassiopeia template so the menu looks as expected on the module position "menu", which currently is not the case.

Further removal of Bootstrap classes from the Casiopeia template is not subject of this PR but can be done in future.

It seems that the css has not been compiled after a recent change, so this PR shows more differences in templates/cassiopeia/css/template.css than those coming from this PR.

Testing Instructions

Use current 4.0-dev branch with the default Cassiopeia frontent template and have a menu in module position menu which should be shown in horizontal direction, and some other menus in some side position shown in vertical direction.

I used blog testing data and moved the "Main Menu Blog" module to the menu position. In the module's advanced setting there is no class suffix defined for the module or the menu.

Check that the menu at the menu position (left beside the search box) is shown as expected with this PR applied.

Check that the look of all other things on the page has not changed after applying this PR.

Move the menu back to another position, e.g. top-a or sidebar-right, and check that it looks the same as without this PR at the same position.

Expected result

See following picture with the menu marked with a red ellipse:
after

Actual result

See following picture with the menu marked with a red ellipse:
before

Documentation Changes Required

None.

avatar richard67 richard67 - open - 9 Jun 2018
avatar richard67 richard67 - change - 9 Jun 2018
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 9 Jun 2018
Category Modules Front End Templates (site)
avatar richard67
richard67 - comment - 9 Jun 2018

@ciar4n Can you check if this PR is ok?

avatar richard67 richard67 - change - 9 Jun 2018
The description was changed
avatar richard67 richard67 - edited - 9 Jun 2018
avatar richard67
richard67 - comment - 9 Jun 2018

Hmm, now it seems the menu module looks bad on other module positions.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20702.

avatar richard67 richard67 - change - 9 Jun 2018
Labels Added: ?
avatar richard67
richard67 - comment - 9 Jun 2018

Now it should be ok.
@ciar4n Can you check?


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20702.

avatar richard67 richard67 - change - 9 Jun 2018
The description was changed
avatar richard67 richard67 - edited - 9 Jun 2018
avatar richard67 richard67 - change - 9 Jun 2018
The description was changed
avatar richard67 richard67 - edited - 9 Jun 2018
avatar infograf768 infograf768 - change - 10 Jun 2018
Title
Correct css classes of mod_menu and the Cassiopeia template's css for menu at the "menu" module position
[4.0] Correct css classes of mod_menu and the Cassiopeia template's css for menu at the "menu" module position
avatar infograf768 infograf768 - edited - 10 Jun 2018
avatar richard67
richard67 - comment - 10 Jun 2018

@ciar4n Now it should be ok.

avatar wilsonge wilsonge - change - 13 Jun 2018
Status Pending Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2018-06-13 11:53:03
Closed_By wilsonge
avatar wilsonge wilsonge - close - 13 Jun 2018
avatar wilsonge wilsonge - merge - 13 Jun 2018
avatar wilsonge
wilsonge - comment - 13 Jun 2018

Nice work - thanks!

Add a Comment

Login with GitHub to post a comment