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
Status | New | ⇒ | Information Required |
\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;
}
Status | Information Required | ⇒ | Discussion |
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
@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.
Labels |
Added:
J4 Issue
|
Status | Discussion | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-06-17 21:44:03 |
Closed_By | ⇒ | joomla-cms-bot |
Closed_By | joomla-cms-bot | ⇒ | Quy |
Set to "closed" on behalf of @Quy by The JTracker Application at issues.joomla.org/joomla-cms/19476
Please test PR #25256.
Where are you seeing that
fr
isn't supported withgrid-column
?Are you testing on J4 Alpha 2 or Nightly?
Can you provide a screenshot?