NPM Resource Changed ? ? Pending

User tests: Successful: Unsuccessful:

avatar YatharthVyas
YatharthVyas
5 May 2021

Pull Request for Issue #33501

Summary of Changes

Added overflow: hidden to <ul> and ol globally.
Lists that are to the right of images having float: left retain their indentations for li, all other lists are not affected by this.

Testing Instructions

Prerequisites: Install blog sample data

  • Apply Patch
  • npm run build:css
  • Frontend: Visit the blog 'Your Modules' and check the list indentation
  • Also, check any blog article that has a list without an image. In this case, everything should remain as is.

Actual result BEFORE applying this Pull Request

image

Expected result AFTER applying this Pull Request

image

Documentation Changes Required

None

avatar YatharthVyas YatharthVyas - open - 5 May 2021
avatar YatharthVyas YatharthVyas - change - 5 May 2021
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 5 May 2021
Category Administration Language & Strings
avatar YatharthVyas YatharthVyas - change - 5 May 2021
Title
[4.0] Blog Sample Data -
[4.0] Blog Sample Data - Add overflow hidden to List
avatar YatharthVyas YatharthVyas - edited - 5 May 2021
avatar brianteeman
brianteeman - comment - 5 May 2021

inline style is not a solution. this must be addressed further up the chain directly in the template

avatar YatharthVyas
YatharthVyas - comment - 5 May 2021

inline style is not a solution. this must be addressed further up the chain directly in the template

Is https://github.com/joomla/joomla-cms/blob/4.0-dev/templates/cassiopeia/scss/template-rtl.scss the correct file to add

ul,
ol {
    overflow: hidden;
}
avatar chmst
chmst - comment - 5 May 2021

no. this is for right-to-left - specific things.

These general tags are better defined in /cassiopeia/scss/blocks/_global.scss

avatar YatharthVyas YatharthVyas - change - 5 May 2021
Labels Added: ? ?
avatar joomla-cms-bot joomla-cms-bot - change - 5 May 2021
Category Administration Language & Strings Front End Templates (site) NPM Change
avatar YatharthVyas YatharthVyas - change - 5 May 2021
Title
[4.0] Blog Sample Data - Add overflow hidden to List
[4.0] Cassiopeia - Add overflow hidden to ul and ol
avatar YatharthVyas YatharthVyas - edited - 5 May 2021
avatar YatharthVyas YatharthVyas - change - 5 May 2021
Labels Added: NPM Resource Changed
Removed: ?
avatar YatharthVyas YatharthVyas - change - 5 May 2021
The description was changed
avatar YatharthVyas YatharthVyas - edited - 5 May 2021
avatar YatharthVyas YatharthVyas - change - 5 May 2021
The description was changed
avatar YatharthVyas YatharthVyas - edited - 5 May 2021
avatar chmst chmst - test_item - 5 May 2021 - Tested successfully
avatar chmst
chmst - comment - 5 May 2021

I have tested this item successfully on 9569f77


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

avatar brianteeman brianteeman - test_item - 5 May 2021 - Tested successfully
avatar brianteeman
brianteeman - comment - 5 May 2021

I have tested this item successfully on 9569f77

Thank you


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

avatar Quy Quy - change - 5 May 2021
Status Pending Ready to Commit
avatar Quy
Quy - comment - 5 May 2021

RTC


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

avatar Quy Quy - change - 5 May 2021
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2021-05-05 21:31:05
Closed_By Quy
Labels Added: ?
avatar Quy Quy - close - 5 May 2021
avatar Quy Quy - merge - 5 May 2021
avatar Quy
Quy - comment - 5 May 2021

Thank you!

avatar richard67
richard67 - comment - 7 May 2021

This has broken the accessible pulldown menu (metismenu) and possibly other pull.downs in frontend (Cassiopeia), see issue #33617 .

Add a Comment

Login with GitHub to post a comment