J4 Issue ?
avatar ghazal
ghazal
29 Jan 2018

CSS grids are tricky.
In template.css, line 10166

.container-component {
    grid-column: auto 2fr;
}

Any Inspector qualifies this as an "invalid property".
After checking "grid-column" in MDN (Mozilla Developer Network
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
It appears that length units(here, fr) are not supported by this property, grid-column being a shorthand property for grid-column-start and grid-column-end.

BTW, still exploring the fact that featured articles or category-blog are not displaying more than one column is related to CSS grid or else.

Firefox 58
Chrome 64

avatar ghazal ghazal - open - 29 Jan 2018
avatar joomla-cms-bot joomla-cms-bot - labeled - 29 Jan 2018
avatar C-Lodder
C-Lodder - comment - 29 Jan 2018

Where are you seeing that fr isn't supported with grid-column?

Are you testing on J4 Alpha 2 or Nightly?

Can you provide a screenshot?

avatar franz-wohlkoenig franz-wohlkoenig - change - 29 Jan 2018
Status New Information Required
avatar ghazal ghazal - change - 29 Jan 2018
The description was changed
avatar ghazal ghazal - edited - 29 Jan 2018
avatar Quy
Quy - comment - 29 Jan 2018

\templates\cassiopeia\css\template.css (starting line 10166)

.container-component {
  /* autoprefixer: off */
  grid-column: auto 2fr; }

\templates\cassiopeia\scss\blocks_css-grid.scss

.container-component {
  /* autoprefixer: off */
  grid-column: auto 2fr;
}
avatar astridx
astridx - comment - 29 Jan 2018

I see the message, that there is an invalid value for property grid-column, too

I use the current 4.0-dev branch.

Attached you see a screenshot.

bildschirmfoto vom 2018-01-29 21-49-56

avatar franz-wohlkoenig franz-wohlkoenig - change - 30 Jan 2018
Status Information Required Discussion
avatar ciar4n
ciar4n - comment - 30 Jan 2018

A valid issue. That entire rule can be removed.

I was waiting for a decision on #19062 which rewrites the grid and removes that rule.

BTW, still exploring the fact that featured articles or category-blog are not displaying more than one column is related to CSS grid or else.

Maybe you are looking for this... #18319

avatar ghazal
ghazal - comment - 30 Jan 2018

@ciar4n
Tks for the update.

#18319, very interesting proposition. Unfortunately, and to my dismay, "masonry" disappeared from /media/vendor/ even though mentions of it still exist in current cassiopeia's template.css.
Looks like you deleted this in #19062. CSS grid or flex don't render exactly like masonry.
I didn't post on the issue of columns not showing in featured articles or category blog because I guessed it was a work-in-progress.

#19062
I will test it as soon as I can.
To gridify a template is not an easy feat. Kudos.

avatar brianteeman brianteeman - change - 25 Mar 2018
Labels Added: J4 Issue
avatar brianteeman brianteeman - labeled - 25 Mar 2018
avatar joomla-cms-bot joomla-cms-bot - change - 17 Jun 2019
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2019-06-17 21:44:03
Closed_By joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 17 Jun 2019
avatar Quy Quy - change - 17 Jun 2019
Closed_By joomla-cms-bot Quy
avatar joomla-cms-bot
joomla-cms-bot - comment - 17 Jun 2019

Set to "closed" on behalf of @Quy by The JTracker Application at issues.joomla.org/joomla-cms/19476

avatar Quy
Quy - comment - 17 Jun 2019

Please test PR #25256.


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

Add a Comment

Login with GitHub to post a comment