vuetifyjs/vuetify

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

已關閉

#21,615 建立於 2025年6月20日

在 GitHub 查看貢獻者指南
 (1 則留言) (0 個反應) (0 位負責人)TypeScript (7,139 個分叉)batch import
C: VExpansionPanelsT: featuregood first issue

倉庫指標

星標
 (40,995 顆星)
PR 合併指標
 (平均合併 59天 10小時) (30 天內合併 8 個 PR)

描述

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
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1 小時以內
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
VueVuetify component structure
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
80