Problem/Motivation

  • We have a design treatment for inline images, however, we're missing design guidelines for the Document (eg. PDF, txt, doc, etc).
  • While working on #3117239: Theme inline Media types, we've identified that the default styling of the document and the caption box around the audio needs some work.

Proposed resolution

Establish a design pattern for the following media types:

  • Document
  • Audio file (local)
  • Video file (local)
  • Remote video


Note: We're not altering the default styling of the audio player, but we need some design guidances on how to best display this media type when a caption is visible.

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

CommentFileSizeAuthor
olivero-audio.png21.31 KBproeung
Drupal_9__The_Most_Beautiful_CMS_Ever_____My_Drupal_8_Site.jpg215.47 KBproeung

Comments

proeung created an issue. See original summary.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

Note that changing the actual audio player is out of scope. But, we can change the treatment around it (the gray box around it).

We could also add icons to the various documents.

proeung’s picture

proeung
she/her
commented

@mherchel I agree. I'll change the description of the issue to note that we're not proposing a new design treatment for the audio player, however, we'll going to fine-tune the grey caption box around it.

proeung’s picture

proeung
she/her
commented
Title: Design: Determine design treatment for the Document and Audio media types » Design: Determine design treatment for the Document media type
Issue summary: View changes
jwitkowski79’s picture

jwitkowski79 commented

@mherchel @proeung: Is it possible to add an icon attached to links for audio files, pdfs and video files?

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

Yes it is. We can also get the file extension from the URL.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented
Title: Design: Determine design treatment for the Document media type » Olivero Design: Determine design treatment for the Document media type
Project: Olivero » Drupal core
Version: » 9.1.x-dev
Component: User interface » Olivero theme
Assigned: jwitkowski79 » Unassigned
Issue tags: -olivero-sprint-e
proeung’s picture

proeung
she/her
commented
Issue tags: +Needs design review

@mherchel @jwitkowski79 It doesn't look like we have much traction for adding icons for the different media types. Is this something we'd like to move forward with or is what we have at the moment sufficient? Example - https://tugboat-aqrmztryfqsezpvnghut1cszck2wwasr.tugboat.qa/node/59

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented
Priority: Normal » Minor

Version: 9.1.x-dev » 9.3.x-dev

Drupal 9.1.10 (June 4, 2021) and Drupal 9.2.10 (November 24, 2021) were the last bugfix releases of those minor version series. Drupal 9 bug reports should be targeted for the 9.3.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.15 was released on June 1st, 2022 and is the final full bugfix release for the Drupal 9.3.x series. Drupal 9.3.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.4.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.9 was released on December 7, 2022 and is the final full bugfix release for the Drupal 9.4.x series. Drupal 9.4.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.5.x-dev branch from now on, and new development or disruptive changes should be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.

quietone’s picture

quietone commented
Status: Active » Postponed

The Olivero theme was approved for removal in #3590816: [policy, no patch] Deprecate Olivero and move to contrib.

This is Postponed. The status is set according to two policies. The Remove a core extension and move it to a contributed project and the Extensions approved for removal policies.

The deprecation work is in #3595082: [meta] Tasks to deprecate the Olivero theme and the removal work in #3595085: [meta] Tasks to remove the Olivero theme.

Olivero will be moved to a contributed project before Drupal 12.0.0 is released.

quietone’s picture

quietone commented
Project: Drupal core » Olivero
Version: main » 2.0.0
Component: Olivero theme » Code
Status: Postponed » Active

Olivero is now in contrib

quietone’s picture

quietone commented
Version: 2.0.0 » 2.x-dev