79091616

Date: 2024-10-15 20:19:36
Score: 2.5
Natty:
Report link

I have improved @naren-murali's answer. I think this implementation is what you need.

.custom-hover
  .mat-expansion-panel:not(:has(.mat-content-hide-toggle)):hover
  .mat-expansion-panel-header::after,
.custom-hover
  .mat-expansion-panel:not(:has(.mat-content-hide-toggle))
  .mat-expansion-panel-header:focus::after {
  background-color: red;
  content: '';
  display: inline;
  width: 16px;
  height: 2px;
  margin: 15px -4px 0 -12px;
}

https://stackblitz.com/edit/p4jjwk-hkndbv?embed=1&file=src%2Fstyles.scss&view=preview

Reasons:
  • Probably link only (1):
  • Has code block (-0.5):
  • User mentioned (1): @naren-murali's
  • Low reputation (1):
Posted by: mucoban