From c8f75fd5ec1de968c300a536da560abbddeea6ac Mon Sep 17 00:00:00 2001 From: Kimo Knowles Date: Fri, 8 Nov 2024 01:20:45 +0100 Subject: [PATCH] [nested-grid] Fix ellipsis overflow for row-headers For https://github.com/day8/dash8.day8.com.au/issues/130 --- src/re_com/theme/default.cljs | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/src/re_com/theme/default.cljs b/src/re_com/theme/default.cljs index 530ac6eb..65d33239 100644 --- a/src/re_com/theme/default.cljs +++ b/src/re_com/theme/default.cljs @@ -85,20 +85,25 @@ (defmethod base ::nested-grid/column-header-wrapper [props _] (update props :style merge {:user-select "none" - :width "100%" - :height "100%"})) + :width "100%" + :height "100%"})) (defmethod base ::nested-grid/row-header [props {{:keys [sticky? sticky-top]} :state}] (update props :style merge {:width "100%" :text-overflow :ellipsis :overflow :hidden + :white-space :nowrap :position :sticky :top sticky-top})) (defmethod base ::nested-grid/column-header [props _] - (update props :style merge {:height "100%"})) + (update props :style merge {:height "100%" + :text-overflow :ellipsis + :overflow :hidden + :whitespace :nowrap})) + (defmethod base :default [props {:keys [state part transition!] {:keys [sm-2]} :variables @@ -295,6 +300,9 @@ {:style {:padding-top sm-3 :padding-right sm-4 :padding-left sm-4 + :white-space :nowrap + :text-overflow :ellipsis + :overflow :hidden :background-color light-background :color "#666" :text-align (or align-column-header align-column align :center)