use variant=tonal instead of outlined (gardener#1681)

23technologies · Jan 11, 2024 · 0eda4ac · 0eda4ac
1 parent 278fa93
commit 0eda4ac
Show file tree

Hide file tree

Showing 32 changed files with 79 additions and 77 deletions.
diff --git a/frontend/src/components/ControlPlaneHighAvailability/GControlPlaneHighAvailabilityTag.vue b/frontend/src/components/ControlPlaneHighAvailability/GControlPlaneHighAvailabilityTag.vue
@@ -13,7 +13,7 @@ SPDX-License-Identifier: Apache-2.0
     <template #activator="{ props }">
       <v-chip
         v-bind="props"
-        variant="outlined"
+        variant="tonal"
         :size="size"
         :color="color"
         class="cursor-pointer ml-1"

diff --git a/frontend/src/components/ControlPlaneHighAvailability/GManageControlPlaneHighAvailability.vue b/frontend/src/components/ControlPlaneHighAvailability/GManageControlPlaneHighAvailability.vue
@@ -34,7 +34,7 @@ SPDX-License-Identifier: Apache-2.0
         <v-alert
           v-if="controlPlaneFailureToleranceType === 'node' && !zoneSupported"
           type="info"
-          variant="outlined"
+          variant="tonal"
         >
           <template v-if="clusterIsNew">
             <template v-if="seedName">
@@ -52,7 +52,7 @@ SPDX-License-Identifier: Apache-2.0
         <v-alert
           v-if="controlPlaneFailureToleranceTypeChangeAllowed"
           type="info"
-          variant="outlined"
+          variant="tonal"
         >
           It is not possible to disable or change control plane high availability later.
         </v-alert>

diff --git a/frontend/src/components/GCredentialTile.vue b/frontend/src/components/GCredentialTile.vue
@@ -31,7 +31,7 @@ SPDX-License-Identifier: Apache-2.0
               label
               size="x-small"
               class="ml-2"
-              variant="outlined"
+              variant="tonal"
             >
               {{ phaseCaption }}
             </v-chip>

diff --git a/frontend/src/components/GMessage.vue b/frontend/src/components/GMessage.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: Apache-2.0
           {{ message }}
           <v-btn
             v-if="!!detailedMessage"
-            variant="outlined"
+            variant="tonal"
             size="small"
             @click="detailedMessageVisible = !detailedMessageVisible"
           >

diff --git a/frontend/src/components/GPurposeTag.vue b/frontend/src/components/GPurposeTag.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: Apache-2.0
       <v-chip
         v-if="!!shortPurpose"
         v-bind="props"
-        :variant="!isCritical ? 'outlined' : 'flat'"
+        :variant="!isCritical ? 'tonal' : 'flat'"
         :text-color="textColor"
         color="primary"
         size="small"

diff --git a/frontend/src/components/GShootActionRotateCredentials.vue b/frontend/src/components/GShootActionRotateCredentials.vue
@@ -20,15 +20,15 @@ SPDX-License-Identifier: Apache-2.0
     <v-alert
       v-if="mode === 'START'"
       type="info"
-      variant="outlined"
+      variant="tonal"
       dense
     >
       Note: This rotation operation is split into two steps. This step will <strong>prepare</strong> the rotation.
     </v-alert>
     <v-alert
       v-if="mode === 'COMPLETE'"
       type="info"
-      variant="outlined"
+      variant="tonal"
       dense
     >
       Note: This rotation operation is split into two steps. This step will <strong>complete</strong> the rotation.

diff --git a/frontend/src/components/GShootCustomField.vue b/frontend/src/components/GShootCustomField.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: Apache-2.0
         v-bind="props"
         size="small"
         class="cursor-pointer"
-        variant="outlined"
+        variant="tonal"
         :color="color"
       >
         <template #prepend>

diff --git a/frontend/src/components/GStatusTag.vue b/frontend/src/components/GStatusTag.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: Apache-2.0
           v-bind="props"
           ref="tagChipRef"
           :class="{ 'cursor-pointer': condition.message }"
-          :variant="!isError ? 'outlined' : 'flat'"
+          :variant="!isError ? 'tonal' : 'flat'"
           :text-color="textColor"
           size="small"
           :color="color"

diff --git a/frontend/src/components/GTerminalSettings.vue b/frontend/src/components/GTerminalSettings.vue
@@ -102,7 +102,7 @@ SPDX-License-Identifier: Apache-2.0
         :model-value="true"
         type="info"
         color="primary"
-        variant="outlined"
+        variant="tonal"
       >
         <strong>Terminal will be running in an untrusted environment!</strong><br>
         Do not enter credentials or sensitive data within the terminal session that cluster owners should not have access to, as the terminal will be running on one of the worker nodes.

diff --git a/frontend/src/components/GTerminalShortcut.vue b/frontend/src/components/GTerminalShortcut.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: Apache-2.0
             v-bind="props"
             size="small"
             color="warning"
-            variant="outlined"
+            variant="tonal"
             class="my-0 ml-2"
           >
             Unverified

diff --git a/frontend/src/components/GTerminalTarget.vue b/frontend/src/components/GTerminalTarget.vue
@@ -58,7 +58,7 @@ SPDX-License-Identifier: Apache-2.0
       :value="true"
       type="info"
       color="primary"
-      variant="outlined"
+      variant="tonal"
     >
       <strong>Terminal will be running on <span class="font-family-monospace">{{ shootName }}</span> cluster</strong><br>
       Make sure that only gardener project members with <span class="font-family-monospace">admin</span> role have privileged access to the <span class="font-family-monospace">{{ shootName }}</span> cluster before creating this terminal session.

diff --git a/frontend/src/components/GWildcardSelect.vue b/frontend/src/components/GWildcardSelect.vue
@@ -29,7 +29,7 @@ SPDX-License-Identifier: Apache-2.0
             density="compact"
             class="mb-1 mr-1 selection-text-field"
             flat
-            variant="outlined"
+            variant="tonal"
             color="primary"
             hide-details
             @click.stop="$refs.wildCardStart.focus()"
@@ -44,7 +44,7 @@ SPDX-License-Identifier: Apache-2.0
             density="compact"
             class="mb-1 ml-1 selection-text-field"
             flat
-            variant="outlined"
+            variant="tonal"
             color="primary"
             hide-details
             @click.stop="$refs.wildCardEnd.focus()"

diff --git a/frontend/src/components/Members/GAccountRoles.vue b/frontend/src/components/Members/GAccountRoles.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: Apache-2.0
         :disabled="notEditable"
         size="small"
         color="action-button"
-        variant="outlined"
+        variant="tonal"
         :class="{ 'ml-3': index > 0 }"
       >
         {{ displayName }}

diff --git a/frontend/src/components/Members/GMemberDialog.vue b/frontend/src/components/Members/GMemberDialog.vue
@@ -54,7 +54,7 @@ SPDX-License-Identifier: Apache-2.0
                   <v-chip
                     size="small"
                     color="primary"
-                    variant="outlined"
+                    variant="tonal"
                     closable
                     @update:model-value="internalRoles.splice(index, 1); v$.internalRoles.$touch()"
                   >
@@ -82,7 +82,7 @@ SPDX-License-Identifier: Apache-2.0
               :value="true"
               type="info"
               color="primary"
-              variant="outlined"
+              variant="tonal"
             >
               The service account does not exist anymore and will be re-created if you update the roles.
             </v-alert>

diff --git a/frontend/src/components/ShootAccessRestrictions/GAccessRestrictionChips.vue b/frontend/src/components/ShootAccessRestrictions/GAccessRestrictionChips.vue
@@ -20,7 +20,7 @@ SPDX-License-Identifier: Apache-2.0
           <v-chip
             v-bind="props"
             size="small"
-            variant="outlined"
+            variant="tonal"
             color="primary"
             class="mr-2 my-0"
           >
@@ -41,7 +41,7 @@ SPDX-License-Identifier: Apache-2.0
           <v-chip
             v-bind="props"
             size="small"
-            variant="outlined"
+            variant="tonal"
             color="primary"
             class="mr-2"
           >

diff --git a/frontend/src/components/ShootDetails/GShootAdminKubeconfig.vue b/frontend/src/components/ShootDetails/GShootAdminKubeconfig.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: Apache-2.0
                 label
                 size="x-small"
                 color="primary"
-                variant="outlined"
+                variant="tonal"
                 class="pointer"
                 v-bind="props"
               >

diff --git a/frontend/src/components/ShootDetails/GShootDetailsCard.vue b/frontend/src/components/ShootDetails/GShootDetailsCard.vue
@@ -193,7 +193,7 @@ SPDX-License-Identifier: Apache-2.0
                 v-for="(name, index) in shootAddonNames"
                 :key="index"
                 size="small"
-                variant="outlined"
+                variant="tonal"
                 color="primary"
                 class="mr-2"
               >

diff --git a/frontend/src/components/ShootDetails/GShootInfrastructureCard.vue b/frontend/src/components/ShootDetails/GShootInfrastructureCard.vue
@@ -152,7 +152,7 @@ SPDX-License-Identifier: Apache-2.0
               label
               size="x-small"
               color="primary"
-              variant="outlined"
+              variant="tonal"
               class="ml-2"
             >
               {{ customDomainChipText }}
@@ -218,7 +218,7 @@ SPDX-License-Identifier: Apache-2.0
                     v-bind="props"
                     size="small"
                     class="mr-2"
-                    variant="outlined"
+                    variant="tonal"
                     color="primary"
                   >
                     {{ name }}

diff --git a/frontend/src/components/ShootDns/GDnsProvider.vue b/frontend/src/components/ShootDns/GDnsProvider.vue
@@ -13,7 +13,7 @@ SPDX-License-Identifier: Apache-2.0
         v-bind="props"
         size="small"
         color="primary"
-        variant="outlined"
+        variant="tonal"
         class="cursor-pointer my-0 ml-0"
       >
         <g-vendor-icon

diff --git a/frontend/src/components/ShootDns/GDnsProviderRow.vue b/frontend/src/components/ShootDns/GDnsProviderRow.vue
@@ -109,7 +109,7 @@ SPDX-License-Identifier: Apache-2.0
         <v-btn
           :disabled="readonly || primaryReadonly"
           size="x-small"
-          variant="outlined"
+          variant="tonal"
           icon="mdi-close"
           color="grey"
           @click="onDelete"

diff --git a/frontend/src/components/ShootHibernation/GHibernationScheduleEvent.vue b/frontend/src/components/ShootHibernation/GHibernationScheduleEvent.vue
@@ -71,7 +71,7 @@ SPDX-License-Identifier: Apache-2.0
     <v-col cols="1">
       <v-btn
         size="x-small"
-        variant="outlined"
+        variant="tonal"
         icon="mdi-close"
         color="grey"
         @click.stop="removeScheduleEvent"

diff --git a/frontend/src/components/ShootHibernation/GManageHibernationSchedule.vue b/frontend/src/components/ShootHibernation/GManageHibernationSchedule.vue
@@ -66,7 +66,7 @@ SPDX-License-Identifier: Apache-2.0
     >
       <v-alert
         type="warning"
-        variant="outlined"
+        variant="tonal"
       >
         One or more errors occured while parsing hibernation schedules. Your configuration may still be valid - the Dashboard UI currently only supports basic schedules.<br>
         You probably configured crontab lines for your hibernation schedule manually. Please edit your schedules directly in the cluster specification. You can also delete it there and come back to this screen to configure your schedule via the Dashboard UI.
@@ -79,7 +79,7 @@ SPDX-License-Identifier: Apache-2.0
       <v-col>
         <v-alert
           type="warning"
-          variant="outlined"
+          variant="tonal"
           :model-value="!isHibernationPossible && parsedScheduleEvents && parsedScheduleEvents.length > 0"
         >
           <div class="font-weight-bold">

diff --git a/frontend/src/components/ShootMaintenance/GShootActionMaintenanceStart.vue b/frontend/src/components/ShootMaintenance/GShootActionMaintenanceStart.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: Apache-2.0
     />
     <v-alert
       type="warning"
-      variant="outlined"
+      variant="tonal"
       :value="!isMaintenancePreconditionSatisfied"
     >
       <div class="font-weight-bold">

diff --git a/frontend/src/components/ShootVersion/GShootVersion.vue b/frontend/src/components/ShootVersion/GShootVersion.vue
@@ -13,7 +13,7 @@ SPDX-License-Identifier: Apache-2.0
             v-if="chip"
             size="small"
             rounded
-            :variant="!k8sPatchAvailable ? 'outlined' : undefined"
+            :variant="!k8sPatchAvailable ? 'tonal' : 'flat'"
             :ripple="canUpdate"
             color="primary"
             class="update_btn"