[kovarex] [0.17.17][modding, guiStyles] Flow that is part of a frame doesn't look at vertical_spacing

[lovely_santa]

Hi,

I created a frame with direction set to 'vertical', meaning the gui creates a visible frame, with a vertical flow inside of it, as shown in the picture below. This frame element has a custom style called LSlib_default_tab_insideDeepFrame (reference to the inside_deep_frame_for_tab in base game).

guiElements.png (3.39 MiB) Viewed 991 times

Since the direction is set to vertical, it creates a vertical flow and so it uses the vertical_flow_style defined in the frame style for that flow.

When I log this style in after the data stage

Code: Select all

log(serpent.block(data.raw["gui-style"]["default"]["LSlib_default_tab_insideDeepFrame"]))

It logs this:

Code: Select all

   3.117 Script @__trainConstructionSite__/data-final-fixes.lua:1: {
  border = {},
  bottom_padding = 4,
  flow_style = {
    type = "flow_style"
  },
  font = "heading-1",
  font_color = {
    255,
    230,
    192
  },
  graphical_set = {
    base = {
      center = {
        position = {
          42,
          8
        },
        size = {
          1,
          1
        }
      },
      corner_size = 8,
      draw_type = "outer",
      position = {
        17,
        0
      }
    },
    shadow = {
      corner_size = 8,
      draw_type = "inner",
      position = {
        183,
        128
      },
      scale = 0.5,
      tint = {
        0,
        0,
        0,
        1
      }
    }
  },
  header_filler_style = {
    height = 24,
    parent = "draggable_space_header",
    type = "empty_widget_style"
  },
  header_flow_style = {
    maximal_height = 24,
    type = "horizontal_flow_style",
    vertical_align = "center"
  },
  horizontal_flow_style = {
    type = "horizontal_flow_style"
  },
  left_padding = 8,
  name = "LSlib_default_tab_insideDeepFrame",
  padding = 0,
  right_padding = 8,
  title_bottom_padding = 6,
  title_left_padding = 0,
  title_right_padding = 0,
  title_top_padding = -2,
  top_padding = 12,
  type = "frame_style",
  use_header_filler = true,
  vertical_flow_style = {
    type = "vertical_flow_style",
    vertical_spacing = 0
  }
}

As you can see, all the way at the bottom of the code snippet it says vertical_flow_style.vertical_spacing = 0. In my screenshot it shows a vertical_spacing of 8 (default frame vertical spacing of 4, but i'm on 200% ui scale, so it shows 8), meaning it's not looking at the vertical_flow_style.vertical_spacing while creating the flow, instead it just creates a flow with the default spacing.

This results in an undesired spacing between my UI elements as shown in the picture below:

undesiredSpacing.png (93.58 KiB) Viewed 991 times

I got a workaround by manualy adding a vertical flow in that frame and setting the style to "packed_vertical_flow", which is the vertical_flow with a vertical spacing of 0, resulting in the wanted behaviour:

wantedSpacing.png (81.04 KiB) Viewed 991 times

I've uploaded the mod used in the screenshot as well. In data-final-fixes it still logs the used style and to open the UI, folow these steps:

• Start a new game
• Out of your inventory place a 'rail'
• Out of your inventory place a 'traindepo' next to that rail (item is located right if the rail item in the inventory)
• Open the 'traindepo' entity like you would open a 'train-stop'

Kind regards
lovely_santa

[kovarex]

Thank you for the bug report, and a for an easy way to reproduce it.
It is true, that the nested frame styles were not updated when changing/initalising styles of gui elements from the lua.

Fixed for the next version.