https://linen.dev logo
Join Discord
Powered by
# react
  • g
  • a
    i'm not sure if that's appropriate here, this is basically adding a different style at the end of the transition and i can't seem to modify the style property of the element that adds the margin 🤔
  • g
    Sorry I had to go
  • g
    Uh yeah you're doing a different thing actually x_x
  • a
    oh wait, i think I may have found the reason why 🤔
  • a
    this is the class key
  • a
    this is my definition as per the examples in the lib
  • g
    Yeah seems fine but I don't use it so I need to look for it, I might have a remnant of usage somewhere
  • a
    it may not be actually converting 
    root
    to 
    .MuiAccordion-root
  • g
    No no it's fine
  • g
    Yeah I use 
    classes={{expanded: props.classes.expanded}}
    and then you add 
    expanded: { margin: 'auto' }
    in your jss (on the same level as 
    root: { ... }
    )
  • g
    Don't do 
    '&expanded'
    or something for this, this is different
  • a
    I'm doing all the variants and none of them have any affect 😂
  • g
    Eh. Is that code live?
  • a
    it's not, local env but I can send the file
  • g
    Nah not the code, just the result x)
  • g
    There you go 😄
  • a
    you can see that margin: auto thing not being applied
  • g
    It works, you're just being less specific than mui's code
  • g
    So you need good ol' dirty 
    !important
  • a
    what is this 🤔
  • g
    expanded: {margin: "auto!important"}
  • a
    and what's the correct way to specify it?
  • a
    yay that worked
  • g
    Would need to expand jss so that you can do things like 
    "&.{AccordionClassKey.Expanded}"
  • a
    ah
  • g
    Maybe in the following weeks if I'm bored at work x)
  • a
    take your time 😁
  • a
    ah, would the 
    $.
    syntax equate to 
    '&$expanded': {}
    ?
  • g
    Still not
1...707172...80Latest