Code

Tabs: unify vertical tabs styles#65387

Code

Merged

DaniGuardiola merged 61 commits intotrunkWordPress/gutenberg:trunkfrom improve/unify-vertical-tabs-stylesWordPress/gutenberg:improve/unify-vertical-tabs-stylesCopy head branch name to clipboardOct 7, 2024

+131-97

Commits

Commits on Sep 17, 2024

• Remove inserter pattern overrides

  DaniGuardiola

  committed
  1fe9f0b

  Copy full SHA for 1fe9f0b

Commits on Sep 19, 2024

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  aa7e9d9

  Copy full SHA for aa7e9d9

• Make font weights 400 (inactive) and 500 (active)

  DaniGuardiola

  committed
  a3e54c5

  Copy full SHA for a3e54c5

Commits on Sep 20, 2024

• Apply styles only when vertical.

  DaniGuardiola

  committed
  0b436e8

  Copy full SHA for 0b436e8

• Make vertical indicator theme accent color at 4% opacity.

  DaniGuardiola

  committed
  299d23c

  Copy full SHA for 299d23c

Commits on Sep 24, 2024

• Make height 48px.

  DaniGuardiola

  committed
  30cda58

  Copy full SHA for 30cda58

• Add radius.

  DaniGuardiola

  committed
  4749518

  Copy full SHA for 4749518

• Also use hover styles in focus-visible.

  DaniGuardiola

  committed
  4ba287f

  Copy full SHA for 4ba287f

Commits on Sep 27, 2024

• Fix indicator not visible in inserter > patterns/media.

  DaniGuardiola

  committed
  7847ed6

  Copy full SHA for 7847ed6

• Adjust padding.

  DaniGuardiola

  committed
  c9e8020

  Copy full SHA for c9e8020

• Tweak focus ring.

  DaniGuardiola

  committed
  0499718

  Copy full SHA for 0499718

• Wrap long labels.

  DaniGuardiola

  committed
  77ce702

  Copy full SHA for 77ce702

Commits on Sep 29, 2024

• Add chevron and fix a few minor details.

  DaniGuardiola

  committed
  23f5438

  Copy full SHA for 23f5438

Commits on Sep 30, 2024

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  5ffc33d

  Copy full SHA for 5ffc33d

• Fix merge issues.

  DaniGuardiola

  committed
  fa2da0a

  Copy full SHA for fa2da0a

• Fix focus indicator (gets cropped with the new overflow auto setting)

  DaniGuardiola

  committed
  af857d3

  Copy full SHA for af857d3

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  a8a3f3f

  Copy full SHA for a8a3f3f

Commits on Oct 1, 2024

• Fix unwanted chevron.

  DaniGuardiola

  committed
  9867089

  Copy full SHA for 9867089

Commits on Oct 2, 2024

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  bd0a96c

  Copy full SHA for bd0a96c

• Fix unwanted nested scrollbar in inserter > patterns/media vertical tabs.

  DaniGuardiola

  committed
  56989af

  Copy full SHA for 56989af

• Switch to transform for performance.

  DaniGuardiola

  committed
  517950e

  Copy full SHA for 517950e

• Adjust border-radius based on scaling factor.

  DaniGuardiola

  committed
  a708e6b

  Copy full SHA for a708e6b

• Apply feedback.

  DaniGuardiola

  committed
  4aa21c8

  Copy full SHA for 4aa21c8

Commits on Oct 3, 2024

• Add changelog entry.

  DaniGuardiola

  committed
  dcbd6f5

  Copy full SHA for dcbd6f5

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  0a65888

  Copy full SHA for 0a65888

• Switch to padding-inline.

  DaniGuardiola

  committed
  f0902e8

  Copy full SHA for f0902e8

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  e12afb5

  Copy full SHA for e12afb5

Commits on Oct 4, 2024

• Remove unnecessary styles.

  DaniGuardiola

  committed
  535463c

  Copy full SHA for 535463c

• Fix horizontal tabs height.

  DaniGuardiola

  committed
  3c43be8

  Copy full SHA for 3c43be8

• Remove more unnecessary styles (padding).

  DaniGuardiola

  committed
  2d4bc91

  Copy full SHA for 2d4bc91

• Make horizontal padding specific to inline.

  DaniGuardiola

  committed
  7f1e764

  Copy full SHA for 7f1e764

• Make flex/whitespace styles more explicit.

  DaniGuardiola

  committed
  34cece9

  Copy full SHA for 34cece9

• Make scroll margin specific to vertical tabs.

  DaniGuardiola

  committed
  3b82ba0

  Copy full SHA for 3b82ba0

• The "inline" in inline-flex is unnecessary and confusing, removed it.

  DaniGuardiola

  committed
  789545f

  Copy full SHA for 789545f

• Remove unnecessary position: relative

  DaniGuardiola

  committed
  094786c

  Copy full SHA for 094786c

• Make resets more explicit

  DaniGuardiola

  committed
  87ce756

  Copy full SHA for 87ce756

• Remove unnecessary text-align.

  DaniGuardiola

  committed
  9808c75

  Copy full SHA for 9808c75

• Improve comment

  DaniGuardiola

  committed
  74851f8

  Copy full SHA for 74851f8

• Remove unnecessary margin-left

  DaniGuardiola

  committed
  cba3d80

  Copy full SHA for cba3d80

• Clean up TabList styles.

  DaniGuardiola

  committed
  e6b902f

  Copy full SHA for e6b902f

• Adjust text-align.

  DaniGuardiola

  committed
  41dc764

  Copy full SHA for 41dc764

• Clean up selector

  DaniGuardiola

  committed
  cfc7928

  Copy full SHA for cfc7928

• Fix focus indicator

  DaniGuardiola

  committed
  d345ebd

  Copy full SHA for d345ebd

• Clean up position: relative.

  DaniGuardiola

  committed
  9c28772

  Copy full SHA for 9c28772

• Fix typo.

  DaniGuardiola

  committed
  f831078

  Copy full SHA for f831078

• Add position: relative back.

  DaniGuardiola

  committed
  b4f5c21

  Copy full SHA for b4f5c21

• Improve focus indicator when selectOnMove is enabled.

  DaniGuardiola

  committed
  a9b1578

  Copy full SHA for a9b1578

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  5736e59

  Copy full SHA for 5736e59

• Add fade in effect to chevron when selectOnMove is enabled.

  DaniGuardiola

  committed
  f4dbf4f

  Copy full SHA for f4dbf4f

• Use [data-focus-visible] consistently.

  DaniGuardiola

  committed
  94f788b

  Copy full SHA for 94f788b

• Styles clean up.

  DaniGuardiola

  committed
  01f31da

  Copy full SHA for 01f31da

• Add comment for clarity.

  DaniGuardiola

  committed
  4337d49

  Copy full SHA for 4337d49

• Move scroll-margin to the right place.

  DaniGuardiola

  committed
  01cefc9

  Copy full SHA for 01cefc9

• Use CSS variable for accuracy.

  DaniGuardiola

  committed
  bb6b4e1

  Copy full SHA for bb6b4e1

• Fix overflow.

  DaniGuardiola

  committed
  b6710f2

  Copy full SHA for b6710f2

• Skip failing test for Safari :(

  DaniGuardiola

  committed
  822715b

  Copy full SHA for 822715b

• Fix flashing issue.

  DaniGuardiola

  committed
  ece5efc

  Copy full SHA for ece5efc

• Transition chevron only on selected and not on hover or focus-visible.

  DaniGuardiola

  committed
  07069c8

  Copy full SHA for 07069c8

Commits on Oct 7, 2024

• Improve chevron opacity transition with suggested value.

  DaniGuardiola

  committed
  b008f3a

  Copy full SHA for b008f3a

• fix changelog

  DaniGuardiola

  committed
  ee8783f

  Copy full SHA for ee8783f

• Merge branch 'trunk' of https://github.com/WordPress/gutenberg into improve/unify-vertical-tabs-styles

  DaniGuardiola

  committed
  3d9bde2

  Copy full SHA for 3d9bde2