Merge pull request #346 from day8/missing-release

Adjust flex style, layering, borders

Author: kimo-k

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 > Committed but unreleased changes are put here, at the top. Older releases are detailed chronologically below.
 
+## 2.22.8 (2024-10-10)
+
+#### Changed
+
+- `nested-grid`: Adjust flex-child style & internal layering
+
 ## 2.22.6 (2024-10-08)
 
 #### Fixed

src/re_com/nested_grid.cljs

@@ -1107,18 +1107,18 @@
                                                              :justify-content  :end
                                                              :height           25
                                                              :background-color :white
-                                                             :z-index          3}
+                                                             :z-index          2}
                                                             (when sticky?
                                                               {:position :sticky
                                                                :top      sticky-top}))}
                                         [box/v-box {:align    :center
                                                     :justify  :center
-                                                    :style    {:z-index          4
-                                                               :position         :sticky
+                                                    :style    {:position         :sticky
                                                                :background-color :white
                                                                :right            0
                                                                :width            25
-                                                               :height           25}
+                                                               :height           25
+                                                               :margin-right     10}
                                                     :children [export-button]}]]
             outer-grid-container       [:div
                                         (themed ::outer-grid-container
@@ -1180,7 +1180,7 @@
         [:div (themed ::wrapper
                 {:style (merge {:flex-direction :column}
                                (when-not sticky?
-                                 (merge {:flex    1
+                                 (merge {:flex    "0 0 auto"
                                          :display :flex}
                                         (when remove-empty-column-space?
                                           {:max-width :fit-content})

src/re_com/theme/default.cljs

@@ -212,13 +212,15 @@
      :text-align       "left"
      :font-size        "13px"
      :white-space      "nowrap"
-     :border-right     "thin solid #ccc"
+     :border-left      "thin solid #ccc"
      :border-bottom    "thin solid #ccc"}))
 
 (defmethod main ::nested-grid/row-header-wrapper
   [props {{:keys [edge]} :state}]
   (update props :style merge
           row-header-wrapper-main
+          (when (contains? edge :right)
+            {:border-right "thin solid #aaa"})
           (when (contains? edge :left)
             {:border-left "thin solid #aaa"})
           (when (contains? edge :bottom)