system-status-report.pcss.css: Unexpected duplicate selector ".system-status-report__status-icon::before"

Created on 24 July 2023, 11 months ago

Problem/Motivation

Unexpected duplicate selector ".system-status-report__status-icon::before" and double "inset-block-start", "inset-inline-start", "display", "width" and "height" with different values, first used at line 31.

Line: 31
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
}
...
Line: 110
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 1em;
  inset-inline-start: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-inline-end: 10px;
  content: "";
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

Steps to reproduce

File: core/themes/claro/css/components/system-status-report.pcss.css

Proposed resolution

Line: 31
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 1em;
  inset-inline-start: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  margin-inline-end: 10px;
  vertical-align: top;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}

Remaining tasks

no

User interface changes

no

API changes

no

Data model changes

no

Release notes snippet

🐛 Bug report
Status

Closed: duplicate

Version

11.0 🔥

Component
CSS 

Last updated 4 days ago

Created by

🇩🇪Germany fnalb2

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

Comments & Activities

Production build 0.69.0 2024