Broken Paths to Images in CSS

Created on 30 September 2020, almost 5 years ago
Updated 20 February 2024, over 1 year ago

Problem/Motivation

The paths to images in the CSS are broken.

Steps to reproduce

I installed Seven Dark in .../web/themes/contrib so the path to the info.yml is .../web/themes/contrib/seven_dark/seven_dark.info.yml. I enabled the theme and set it to be my admin theme.

Proposed resolution

Switch from relative to absolute paths in the CSS. For example, change:

.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
  background-color: #f3faef;
  background-image: url(../../../../misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}

to:

.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
  background-color: #f3faef;
  background-image: url(/core/misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Component

Code

Created by

🇺🇸United States JasonSafro

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024