vuetifyjs/vuetify

[Feature Request] Add a way to disable the hover effect on <v-expansion-panels>

Chiusa

#21.615 aperta il 20 giu 2025

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VExpansionPanelsT: featuregood first issue

Metriche repository

Star
 (40.995 stelle)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

Problem to solve

This feature allows developers to disable the hover effect from <v-expansion-panels> without relying on CSS rules. Right now the desired result can be achieved with this:

.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
  --v-hover-opacity: 0;
}

Proposed solution

Add a prop or a SASS variable to control above mentioned behavior.

Guida contributor

Direzione di ricerca
Investigate the VExpansionPanel component source code in packages/vuetify/src/components/VExpansionPanel/. Look for the hover overlay implementation in styles (CSS/SASS). Review existing props on VExpansionPanel and similar components (e.g., VCard) for patterns to disable hover. Propose adding a Boolean prop like 'no hover' that conditionally sets the hover overlay opacity to 0. Consider using a SASS variable to allow global theming.
Tech stack
vuetypescriptcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueVuetify component structure
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80