vuetifyjs/vuetify

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

Fechada

#21.615 aberto em 20 de jun. de 2025

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)TypeScript (7.139 forks)batch import
C: VExpansionPanelsT: featuregood first issue

Métricas do repositório

Stars
 (40.995 estrelas)
Métricas de merge de PR
 (Mesclagem média 59d 10h) (8 fundiu PRs em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
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.
Pilha de tecnologia
vuetypescriptcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
VueVuetify component structure
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80