Prevent inside box from expanding to fill vertical size

[rmoretto]

Hey all,

I'm trying to create a simple notification menu to list all notifications with dunst. However I'm having some trouble when showing a low amount of notification "cards". The problem is that when I have only one notification (or any amount that would not fill the entire container) the card expands to fill all the container box.

I tried solving the problem with the :height or the :vexpand property but those properties doesn't seem to have any effect.

Below is how the window look when only two notification is present:

This is how it looks like when I have more notifications

I have pixelated some notification texts as they show some personal information.

And here is my eww.yuck:

(defpoll notifications 
  :interval "200s"
  :initial "[]"
  `dunstctl history | jq -rM ".data[0][0:2]"`) ;; Mocked to show only two notifications

(defwidget nothist_layout []
  (scroll :vexpand false
    (box :orientation "vertical" :class "noti-wrapper" :vexpand false
      (for entry in notifications 
        ;; Notification Card
        (box :orientation "vertical" 
             :height 32 ;; Lots of :height and :vexpand false to try to limit the size of the notification cards
             :class "noti-box"
             :vexpand false
          (box :style `border: solid 1px blue` :height 32 :vexpand false
            (label :wrap true 
                   :height 32
                   :limit-width 48 
                   :halign "start" 
                   :vexpand false
                   :markup "${entry.summary.data}"))
          (box :style `border: solid 1px red` :height 32
            (label :wrap true 
                   :limit-width 64 
                   :height 32
                   :halign "start" 
                   :vexpand false
                   :text "${entry.body.data}"))
          ))
      )))

(defwindow notification_history
  :stacking "fg"
  :windowtype "normal"
  :wm-ignore true
  :windowtype "dialog"
  :geometry (geometry
              :anchor "top right" 
              :x "-12"
              :y "3%"
              :width "300px"
              :height "94%")
  (nothist_layout))

The eww.scss

.noti-wrapper {
  background: #090618;
  padding: 6px 8px; 
}

.noti-box {
  background: #1f1f28;
  margin: 4px 0; 
  padding: 6px 6px; 

  border-radius: 12px;
}

[rmoretto]

Ok, dumb me didn't read the documentation properly, adding the :space-evenly false to the main container solves de issue.