Fix tables in the object field and license dialog

getkirby · Mar 5, 2024 · d11ba2f · d11ba2f
1 parent 43596df
commit d11ba2f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/panel/src/components/Dialogs/LicenseDialog.vue b/panel/src/components/Dialogs/LicenseDialog.vue
@@ -16,18 +16,18 @@
 			<table style="table-layout: auto">
 				<tbody>
 					<tr>
-						<th>{{ $t("type") }}</th>
-						<td>{{ license.type }}</td>
+						<th data-mobile="true">{{ $t("type") }}</th>
+						<td data-mobile="true">{{ license.type }}</td>
 					</tr>
 					<tr v-if="license.code">
-						<th>{{ $t("license.code") }}</th>
-						<td class="k-text">
+						<th data-mobile="true">{{ $t("license.code") }}</th>
+						<td data-mobile="true" class="k-text">
 							<code>{{ license.code }}</code>
 						</td>
 					</tr>
 					<tr v-if="license.info">
-						<th>{{ $t("status") }}</th>
-						<td :data-theme="license.theme">
+						<th data-mobile="true">{{ $t("status") }}</th>
+						<td data-mobile="true" :data-theme="license.theme">
 							<p class="k-license-dialog-status">
 								<k-icon :type="license.icon" />
 								{{ license.info }}

diff --git a/panel/src/components/Forms/Field/ObjectField.vue b/panel/src/components/Forms/Field/ObjectField.vue
@@ -172,7 +172,9 @@ export default {
 .k-table.k-object-field-table {
 	table-layout: auto;
 }
-.k-table.k-object-field-table tbody td {
-	max-width: 0;
+@container (min-width: 40rem) {
+	.k-table.k-object-field-table tbody td {
+		max-width: 0;
+	}
 }
 </style>