https://kotlinlang.org logo
Channels
Powered by
#tornadofx
  • e

    edvin

    03/26/2018, 6:11 AM
    @edvin uploaded a file:

    TicTacToe in Aluminium▾

  • m

    mikehearn

    03/26/2018, 7:50 AM
    hah!
  • n

    nekoinemo

    03/26/2018, 11:58 AM
    Hi. In CSS DSL is there a way to add scopes for 
    child
    selection similar to 
    and
    one?
  • n

    nekoinemo

    03/26/2018, 12:00 PM
    So i could write
    Copy code
    button {
  // button css
  child(label){
    // label css
  }
}
    instead of
    Copy code
    button {
  // button css
}
button.child(label){
  // label css
}
    ?
  • k

    kristofdho

    03/26/2018, 12:03 PM
    you can still use and right?
  • k

    kristofdho

    03/26/2018, 12:03 PM
    Copy code
    button {
  // button css
  and label {
    // label css
  }
}
  • k

    kristofdho

    03/26/2018, 12:04 PM
    forgive me if i'm wrong, it's been a while 😛
  • n

    nekoinemo

    03/26/2018, 12:05 PM
    Wait, it works that way? I'll try it, thank you!
  • n

    nekoinemo

    03/26/2018, 12:07 PM
    Nope, doesn't work - it has to be: 
    and(button.child(label)) { ... }
    for it to work...
  • k

    kristofdho

    03/26/2018, 12:07 PM
  • k

    kristofdho

    03/26/2018, 12:07 PM
    there is a section about nesting styles
  • k

    kristofdho

    03/26/2018, 12:07 PM
    you don't even need the 
    and
  • n

    nekoinemo

    03/26/2018, 12:08 PM
    Nope. Nesting resolves to 
    contains
    instead of 
    child
    , in other words: 
    .button .label
    instead of 
    .button > .label
  • k

    kristofdho

    03/26/2018, 12:10 PM
    and
    does still work
  • k

    kristofdho

    03/26/2018, 12:10 PM
    just not as an infix apparently
  • k

    kristofdho

    03/26/2018, 12:10 PM
    Copy code
    button {
  // button css
  and(label) {
    // label css
  }
}
  • k

    kristofdho

    03/26/2018, 12:10 PM
    it's mentioned a little bit lower in the nested classes section
  • k

    kristofdho

    03/26/2018, 12:11 PM
    so i assume 
    .child
    should also just work?
  • k

    kristofdho

    03/26/2018, 12:12 PM
    it would surprise me they haven't got anything in place for it, but you'll have to ask @edvin i suppose
  • n

    nekoinemo

    03/26/2018, 12:16 PM
    If there is - i can't find it. Just 
    .child
    wouldn't work as there's no 
    child()
    defined for the 
    CssSelectionBlock
    scope, only 
    and()
  • n

    nimakro

    03/26/2018, 12:28 PM
    @nekoinemo As far as I am concerned you can simply do
    Copy code
    button {
  // button css
  label {
   // label css
  }
}
  • n

    nekoinemo

    03/26/2018, 12:34 PM
    That works for something simple (seeing how you probably wouldn't have any nested elements inside button), but will not work for containers because that example will affect EVERY label inside the entire hierarchy of the parent element
  • t

    Torbilicious

    03/26/2018, 12:41 PM
    Hi! I just saw, that loading a svg is quite easy in tornadofx ( val icon = SVGIcon(“…”) ). But i did not find any way to initialize it with an url? Is this possible or do i need to manually get the url and pass the svg path to the SVGIcon constructor?
  • n

    nimakro

    03/26/2018, 12:53 PM
    @nekoinemo Well if you want to do 
    .button > .label
    you already found the solution, just use 
    and()
  • n

    nimakro

    03/26/2018, 1:02 PM
    @nekoinemo regarding the infix function for 
    and
    @Ruckus is probably the right person to ask, if there was a reason not to add it...
  • n

    nekoinemo

    03/26/2018, 1:03 PM
    and
    is infix fun, i just don't think infix works when receiver is 
    this
    of this scope
    👍 1
  • t

    tieskedh

    03/26/2018, 1:06 PM
    if you want to use 'this' in combination with a infix fun, you should state the 'this' explicitly.
    👍 1
  • r

    Ruckus

    03/26/2018, 2:50 PM
    I'm on the train, but I'll look at it soon. As far as infix functions go, you can use them as normal functions as well, and in a 
    this
    you can use them fine. All three of the following are equivalent:
    Copy code
    // assuming
infix fun Thing.and(other: Thing) = ...
// these three are all valid and equal
thing1 and thing2
thing1.and(thing2)
with(thing1) { and(thing2) }
  • n

    nekoinemo

    03/26/2018, 2:59 PM
    P.S. I whipped this up for my own use to solve aforementioned problem: https://github.com/NekoiNemo/tornadofx/commit/a69f5ffa9f4746a63fd125dce745593fcebda2f4 Can someone take a look if they have time?
    👍 1
  • r

    Ruckus

    03/26/2018, 3:32 PM
    @nekoinemo You're solution seems needlessly complex to me. It appears I simply forgot to add the functions other than 
    and
    for that context. You should just need to add the other functions (
    child
    , 
    contains
    , 
    next
    , and 
    sibling
    ) with the 
    and
    definition on 
    CSS.kt:946-951
    . I agree it may not be the most forward thinking solution, but we've known for some time we'll need to rewrite most of the current CSS code to add the features we're planning, so it should be plenty good for now.
1...173317341735...2007Latest