Page MenuHomePhabricator

[web] deprecate and clean up unused tabs code
ClosedPublic

Authored by ginsu on Jan 4 2024, 1:41 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Oct 31, 3:24 AM
Unknown Object (File)
Thu, Oct 31, 3:24 AM
Unknown Object (File)
Thu, Oct 31, 3:24 AM
Unknown Object (File)
Thu, Oct 31, 3:24 AM
Unknown Object (File)
Thu, Oct 31, 3:24 AM
Unknown Object (File)
Thu, Oct 31, 3:23 AM
Unknown Object (File)
Mon, Oct 21, 11:16 PM
Unknown Object (File)
Oct 5 2024, 6:15 PM
Subscribers

Details

Summary

Now that all the use cases of the tabs component has been updated to use the new tabs component api, we can deprecate our legacy tabs component. Also in this diff took a moment to update the color variables for the tabs style to use the new color design system naming convention

Depends on D10523

Test Plan

flow + confirmed that the tabs had no visual regression

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu added reviewers: atul, inka.
ginsu edited the summary of this revision. (Show Details)
ginsu edited the summary of this revision. (Show Details)
ginsu edited the summary of this revision. (Show Details)
web/components/tabs-header.js
22 ↗(On Diff #35190)

The extra lines are intentional, I found that this component was really cramped and I thought it was easier to read if the different parts had room to breathe

26 ↗(On Diff #35190)

Thought "in active" was a better variable name than "background" for describing in what situations these styles are used

web/components/tabs-pill.css
1–21 ↗(On Diff #35190)

These styles were used in the tabs-legacy file

ginsu requested review of this revision.Jan 4 2024, 1:59 AM

Nit, but let's make sure that we change inActiveTabHeader to inactiveTabHeader before landing

web/components/tabs-header.js
26 ↗(On Diff #35190)

"inactive" is single word so we should rename this something like inactiveTabHeader

This revision is now accepted and ready to land.Jan 4 2024, 1:25 PM
ginsu added inline comments.
web/theme.css
341 ↗(On Diff #35190)

address comments + rebase before landing

forgot to hit save in editor