[nested-grid] Improve corner-header :edge, add ellipsis overflow

day8 · Jan 7, 2025 · 4e400db · 4e400db
1 parent 6578e80
commit 4e400db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/re_com/nested_grid.cljs b/src/re_com/nested_grid.cljs
@@ -801,8 +801,8 @@
                                           (take (count path)
                                                 (iterate pop path))))
             transpose                  (partial apply mapv vector)
-            export-corner-headers      #(mapv (fn [column-index]
-                                                (mapv (fn [row-index]
+            export-corner-headers      #(mapv (fn [row-index]
+                                                (mapv (fn [column-index]
                                                         (on-export-corner-header {:row-index    row-index
                                                                                   :column-index column-index
                                                                                   :edge
@@ -1001,8 +1001,8 @@
                                                                                     :grid-row    (inc y)}
                                                                     :attr          {:on-click (debug/log-on-alt-click props)}
                                                                     :theme         theme
-                                                                    :row-index     y
                                                                     :column-index  x
+                                                                    :row-index     y
                                                                     :x             x
                                                                     :y             y
                                                                     :corner-header corner-header})

diff --git a/src/re_com/theme/default.cljs b/src/re_com/theme/default.cljs
@@ -285,6 +285,9 @@
 
          ::nested-grid/corner-header-wrapper
          {:style (merge row-header-wrapper-main
+                        {:overflow "hidden"
+                         :text-overflow "ellipsis"
+                         :white-space "nowrap"}
                         {:border-left      (when (contains? (:edge state) :left)
                                              (str "thin" " solid " border-dark))
                          :border-top       (when (get (:edge state) :top)