Open Bug 1911243 Opened 1 year ago Updated 7 days ago

tsu-results.rf.gd - The design of table content titles is not aligned

Categories

(Web Compatibility :: Site Reports, defect, P3)

Desktop
Windows 11

Tracking

(Webcompat Priority:P3, Webcompat Score:1)

ASSIGNED
Webcompat Priority P3
Webcompat Score 1

People

(Reporter: rbucata, Assigned: twisniewski)

References

()

Details

(Keywords: leave-open, webcompat:site-report, webcompat:sitepatch-applied, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux,android
impact:minor-visual
configuration:general
affects:all
branch:release
user-impact-score:0

Attachments

(1 file)

Environment:
Operating system: Windows 11
Firefox version: Firefox 128.0.3

Steps to reproduce:

  1. Navigate to: http://tsu-results.rf.gd/tsu_results/f3_championship/season_3/F3%20Championship%20-%20season%203.html
  2. Observe the titles of the table content

Expected Behavior:
Items are tilted towards the right

Actual Behavior:
Items are misaligned

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in Firefox Nightly, and Firefox Release
  • Does not reproduce in Chrome

Created from https://github.com/webcompat/web-bugs/issues/139668

Severity: -- → S4
User Story: (updated)
Priority: -- → P3

The following comes from styles.css:

@-moz-document url-prefix() 
{
        		.sortable th 
        		{
        		font-size: max(16px, 0.95vw);
        		writing-mode: vertical-rl;
        		text-align: start;
        		padding: 10px;
        		transform: rotate(-180deg);
        		vertical-align: bottom;
        		vertical-align: -moz-middle-with-baseline;
        		}        		
        		.sortable td 
        		{
        		text-align: right;
        		}
}

which is overriding

      		.sortable th
        		{
        		height: 220px;
        		font-size: max(16px, 0.95vw);
        		writing-mode: vertical-rl;
        		text-align: start;
        		padding: 10px;
        		transform: skew(-45deg) rotate(-180deg) matrix(1.3, 0.6, 0.2, 1, -69, 10);
        		white-space: pre-line;
        		}
Webcompat Priority: --- → P3
Webcompat Score: --- → 1
Keywords: leave-open
Assignee: nobody → twisniewski
Status: NEW → ASSIGNED
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/cb1f8a25f8ea https://hg.mozilla.org/integration/autoland/rev/dfe3118dc635 add a CSS intervention for tsu-results.rf.gd to fix table headers; r=denschub,webcompat-reviewers
User Story: (updated)

The leave-open keyword is there and there is no activity for 6 months.
:twisniewski, maybe it's time to close this bug?
For more information, please visit BugBot documentation.

Flags: needinfo?(twisniewski)
User Story: (updated)
Flags: needinfo?(twisniewski)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: