Skip to content

Conversation

06b
Copy link
Contributor

@06b 06b commented Jul 28, 2025

Description

fixes #21835

image

Markup:

<template>
  <v-row dense>
    <v-col v-for="(variant, i) in variants" :key="i" cols="12" md="4">
      <v-card
        :variant="variant"
        class="mx-auto"
        color="surface-variant"
        max-width="344"
        subtitle="Greyhound divisely hello coldly fonwderfully"
        title="Headline"
      >
        <template v-slot:actions>
          <v-btn text="Button"></v-btn>
        </template>
      </v-card>

      <div class="text-center text-caption">{{ variant }}</div>
    </v-col>
  </v-row>
  <v-row dense>
    <v-col v-for="(variant, i) in variants" :key="i" cols="12" md="4">
      <v-card
        :variant="variant"
        class="mx-auto"
        color="surface-variant"
        max-width="344"
        subtitle="Greyhound divisely hello coldly fonwderfully"
        title="Headline (Loading)"
        loading
      >
        <template v-slot:actions>
          <v-btn text="Button"></v-btn>
        </template>
      </v-card>

      <div class="text-center text-caption">{{ variant }}</div>
    </v-col>
  </v-row>
</template>

<script>
  export default {
    data: () => ({
      variants: ['elevated', 'flat', 'tonal', 'outlined', 'text', 'plain'],
    }),
  }
</script>

MajesticPotatoe

This comment was marked as outdated.

@MajesticPotatoe MajesticPotatoe added the T: bug Functionality that does not work as intended/expected label Jul 29, 2025
@J-Sek J-Sek merged commit 4335576 into vuetifyjs:master Aug 22, 2025
5 checks passed
@06b 06b deleted the fix/forced-colors-linear-progress-always-shown-on-vcard branch August 28, 2025 13:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VCard T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.9.2] VCard always renders progress bar when in windows high contrast (forced-colors) mode (Accessibility > Contrast Themes)
3 participants