https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • b
    well, i defo have a flag for if the children are of varying size or not already... so maybe this could be a nice approach
  • h
    That certainly takes care of a few things for you then! I have a test case to consider too - percent widths. Wonder how that fits into this
  • b
    % widths are likely not to work well / at all
  • b
  • h
    Wow, super nice! That's basically it right there
  • b
    yeah, this might be my new fav component / layout 😄
  • p
    Is jumpy expected?

    https://cdn.discordapp.com/attachments/565569107701923852/1097202109130227745/hittarget.gifâ–¾

  • b
    what backend? Short answer is no
  • p
  • b
    i guess it might make sense actually, though looks off for sure when there is a single row
  • p
    ya my thought was if the row + spacing/margin is less than width of row, then do notta. But Im late to the party so...
  • b
    well, ill check it out at some point anyway, kinda an edge case, but worth looking at
  • h
    The jumpiness probably won't look that bad unless someone is purposely testing that out. The idea is to be responsive for the container and I think this does the job.
  • h
    I'm looking to achieve a modal effect but I don't want it to be interactable. Basically, I want to cover the screen with a slightly transparent grey background and have a component displayed inside of it. Much like the dialog can do except without all the buttons/header and without being movable. I tried using an absolute and a box to achieve this but that didn't work. . .
  • h
    Nevermind looks like absolute might work
  • h
    Okay now the challenge is working on creating the opacity of the background without changing the opacity of its contents
  • h
    Figured out I can do something like . .
    Copy code
    xml
<box. . .>
  <box id="cover" style="opacity:0.35"/>
  <label text="centered" . . . />
</box>
    Wrapping it in another box does the trick
  • h
    Well it works on the builder but not in Kha if I have images. But dialogs somehow achieve the effect I'm looking for
  • a
    there's probably a way to remove the interact-ability of dialogs
  • a
    also I don't think they have a fixed component layout
  • a
    but I'm going off memory atm
  • a
    check the explorer, I'm pretty sure all dialogs on that page are designed in xml to look like that
  • a
    not require that
  • h
    They don't and I've looked through the dialogs they do all share a common layout, they all have a title and a button to close it or if you click on the #modal-backround it closes the modal. I've been looking through the source code of how the modal works and it's literally no different than what I'm doing . . . I don't see where the difference is
  • a
    yes, but if you see how the layout is constructed it is all defined in the custom .xml file
  • a

    https://cdn.discordapp.com/attachments/565569107701923852/1097316010756935841/image.pngâ–¾

  • a
    compare these two files
  • a
    the 
    mycustomdialog.xml
    defines the "shared layout" for sake of the examples. 
    title -> body -> footer
  • a
    but if you look at simple-login-dialog.xml
  • a
    it defines no titlebar
1...163616371638...1687Latest