Replace animated selected tab-title indicator with simpler selection styling - Githubissues

Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System

https://developers.arcgis.com/calcite-design-system/

Other

269 stars 75 forks source link

Replace animated selected tab-title indicator with simpler selection styling #8800

Open jcfranco opened 4 months ago

jcfranco commented 4 months ago

Description

Simplification of tab-title was suggested in #8616:

I suggest we get rid of the "zoom border animation", it is adding a bit of confusion to a crowded area (IMO). Just render the active state visual with a border or inset box-shadow.

Proposed Advantages

reduce component complexity
avoid alignment issues
streamline component design

Which Component

calcite-tab-nav

Relevant Info

No response

Calcite package

[X] @esri/calcite-components
[ ] @esri/calcite-components-angular
[ ] @esri/calcite-components-react
[ ] @esri/calcite-design-tokens
[ ] @esri/eslint-plugin-calcite-components

github-actions[bot] commented 3 months ago

cc @geospatialem, @brittneytewks