From 5c3a130216bc7c7bad2a59327769b8d9b8bedb3d Mon Sep 17 00:00:00 2001 From: Bastian Allgeier Date: Tue, 30 Jan 2024 11:16:54 +0100 Subject: [PATCH] Improve mobile styles --- panel/src/components/Layout/Table.vue | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/panel/src/components/Layout/Table.vue b/panel/src/components/Layout/Table.vue index f0b1ff0e9f..46055dbf94 100644 --- a/panel/src/components/Layout/Table.vue +++ b/panel/src/components/Layout/Table.vue @@ -535,6 +535,18 @@ export default { .k-table thead th { position: static; } + + /** Make sure that the option toggle does not create huge row heights **/ + .k-table .k-options-dropdown-toggle { + aspect-ratio: auto !important; + } + + /** Reset any custom column widths **/ + .k-table + :where(th, td):not(.k-table-index-column):not(.k-table-options-column) { + width: auto !important; + } + .k-table :where(th, td):not([data-mobile="true"]) { display: none; }