Quantcast
Channel: Issues for Drupal core
Viewing all articles
Browse latest Browse all 299618

Provide & document typical layout / grid classes

$
0
0

Problem/Motivation

I'm a software developer (not designer) and running my own Drupal Blog. Now I'm migrated to Drupal 9 and wanted to kick-start using the wonderful Olivero.
I am very happy with this decision as it looks wonderfully clean and works well from the beginning. Great work! :)

One of the last basic points I'm now trying to solve is to display multi-value image / media fields as grid gallery. And that's where the fun ended for me as non-designer.

Expectation

What I expected was to have predefined classes (or a module / theme setting to add them) to simply set a class, for example via fences, on the gallery field.

vs. Reality

Sadly I wasn't able to find any documentation if something like this exists and I'm now (perhaps?) forced to

  • create a subtheme
  • learn & write (s)css
  • add such a default grid class myself

?

Perhaps I simply wasn't able to find the documentation how to solve this basic problem and perhaps it's against the concept of Olivero? But perhaps it would make sense to see the needs of certain user groups for that, at least as optional module or setting?
I don't expect a "Theme wizard UI" or something like that. I also don't think we should add a large framework like bootstrap or so.

Can someone explain the topic to me or tell me where to find the information about that part?

Again I'd like to say, very very nice and clean theme and great work! :)

Steps to reproduce

Create a multi-value field
Try to display the values as grid without learning (S)CSS / Grid or creating a sub-theme just for that

Proposed resolution

Add typical grid classes
Add documentation on how to use which classes

Remaining tasks

Discuss
Implement
Document

User interface changes

API changes

Data model changes

Release notes snippet


Viewing all articles
Browse latest Browse all 299618

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>