Problem/Motivation

The current background (black background) of the featured speakers is attached to

.block-views-blockfeatured-speakers-block-1

featured speakers

That is problematic, as that is the machine name of a specific block and hardcodes it there.

Steps to reproduce

Add a new block to the Drupal view called featured speakers.

view block with white backgorudn

Proposed resolution

Instead of hardcoding to a machine name, maybe we should add it to a generic class here.

generic class

.views-element-container:has(.featured-speakers-view-block) {
    --color-background: var(--neutral-dark);
    --color-text: var(--color-white);
    grid-column: 2 / -2;
    background-color: var(--color-background);
    border-image-source: linear-gradient(var(--color-background), var(--color-background));
    border-image-outset: 0 50vw;
    border-image-slice: fill 0;
}

generic css class

Remaining tasks

Create the PR.
Wait for the event platform issue to be merged.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

bernardm28 created an issue. See original summary.

bernardm28’s picture

Issue summary: View changes

bernardm28 changed the visibility of the branch 3551038-featured-speakers-background to hidden.

  • bernardm28 committed cd9d2056 on 1.0.x
    Resolve #3551038 "Dark background and a block for featured speakers on...
bernardm28’s picture

StatusFileSize
new467.02 KB

demo of the image

So switching the block to be on content vs content above makes a difference, a new PR with it on the new region is coming up.

  • bernardm28 committed c2d1f018 on 1.0.x
    Resolve #3551038 "Fixed location to content above"
    

bernardm28’s picture

Status: Active » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.