Steps to replicate the issue (include links if applicable):
- this is currently on beta
- visit https://en.wikipedia.beta.wmflabs.org/wiki/Polar_bear, observe that the icons overlap with the text
What happens?:
icons overlap the text, due to an invalid property value left: -22px/2;
What should have happened instead?:
Division should be parenthesized: https://gerrit.wikimedia.org/g/mediawiki/skins/Vector/+/cd8a65ed977b11d3765d7208e7cccec007070a94/resources/skins.vector.styles/components/TableOfContents.less#19
Icons should appear to the left of the text
Requirement
Ensure that Table of Contents (ToC) dropdown icons in Vector are properly positioned and do not overlap with text by correcting the invalid property value in the beta cluster.
BDD
Feature: Fix Table of Contents dropdown icons overlapping with text
Scenario: ToC icons do not overlap with text
Given I visit the Polar Bear article on the beta cluster
When I observe the Table of Contents
Then the icons should be correctly positioned
And they should appear to the left of the textTest Steps
Test Case 1: Verify ToC dropdown icons are correctly positioned
- Visit Polar Bear article on beta.
- Locate the Table of Contents (ToC).
- AC1: Confirm that the dropdown icons do not overlap with the text.
- AC2: Confirm that the icons appear correctly to the left of the text.
Other information (browser name/version, screenshots, etc.):
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T388475#10635232 |
| 2 | ✅ | T388475#10635232 |
