fix(VList): add new prop active-color and contained

fixes #9285
vuetifyjs · Jun 10, 2021 · 34a2683 · 34a2683
1 parent d19c06c
commit 34a2683
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -124,3 +124,6 @@
  right: 0
  top: 0
  transition: opacity 0.2s ease-in-out
+
+ .v-list-item--active.v-list-item--contained &
+ --v-theme-overlay-multiplier: 0
diff --git a/packages/vuetify/src/components/VList/VListItem.tsx b/packages/vuetify/src/components/VList/VListItem.tsx
@@ -44,7 +44,7 @@ export default defineComponent({
  prependAvatar: String,
  prependIcon: String,
  subtitle: String,
- text: String,
+ contained: String,
  title: String,
  ...makeBorderProps(),
  ...makeDensityProps(),
@@ -58,7 +58,7 @@ export default defineComponent({
  setup (props, { attrs, slots }) {
  const { themeClasses } = useTheme(props)
  const { colorClasses, colorStyles } = useColor(computed(() => {
- const key = props.text || !props.active ? 'text' : 'background'
+ const key = props.contained && props.active ? 'background' : 'text'
  const color = (props.active && props.activeColor) || props.color
 
  return { [`${key}`]: color }
@@ -86,7 +86,7 @@ export default defineComponent({
  'v-list-item--active': props.active,
  'v-list-item--disabled': props.disabled,
  'v-list-item--link': isLink,
- 'v-list-item--text': props.text,
+ 'v-list-item--contained': props.contained,
  [`${props.activeClass}`]: props.active && props.activeClass,
  },
  themeClasses.value,