vuetifyjs/vuetify

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

クローズ

#21,615 opened on 2025/06/20

GitHub で見るコントリビューターガイド
 (1 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (7,139 件のフォーク)batch import
C: VExpansionPanelsT: featuregood first issue

Repository metrics

Stars
 (40,995 個のスター)
PR merge metrics
 (平均マージ 59d 10h) (30d で 8 merged PRs)

説明

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.

コントリビューターガイド

調査方針
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.
技術スタック
vuetypescriptcss
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1時間未満
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
VueVuetify component structure
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
80