Adjust flex-child style & internal layering

day8 · Oct 10, 2024 · c56b500 · c56b500
1 parent 7415c62
commit c56b500
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/CHANGELOG.md b/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

diff --git a/src/re_com/nested_grid.cljs b/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})