On small screens, the new channel form is not able to be hidden about emberclear

[NullVoxPopuli]

@sudonitesh interesting, what OS are you on?

also, for this task, you can just work in the frontend directory, so:

cd packages/frontend
yarn && yarn start:dev

that should get you up and running :)

[NullVoxPopuli]

Ah ok. Yeah, the run script won't work on Windows. But everything else should.

[sudonitesh]

I'd like to work on this

[NullVoxPopuli]

@sudonitesh awesome! how can I help you get started?

[sudonitesh]

@NullVoxPopuli when I tried it shows error
[hitman@BlackBox emberclear (master *)]$ ./run yarn start:dev
./run: line 7: $'\r': command not found
./run: line 11: $'\r': command not found
./run: line 12: syntax error near unexpected token $'{\r'' '/run: line 12: function runstuff {
[hitman@BlackBox emberclear (master *)]$`

[sudonitesh]

I'm on ubuntu bash (WSL)

[NullVoxPopuli]

interesting. I'm on ubuntu, and use bash.
what's WSL?

not sure why the run script isn't compatible. hmm

[sudonitesh]

Windows Subsystem for Linux
I love bash of ubuntu but game too. So, its great for me 😉

[sudonitesh]

@NullVoxPopuli I thought I could get the Id of the "cross button" and use element selectors to hide the form. But I couldn't find the id's and where they are

[NullVoxPopuli]

I found this:

  <a class='button is-small' {{action (mut isFormVisible) true}}>
    <span class='icon'>
      {{#if isFormVisible}}
        {{fa-icon 'times'}}
      {{else}}
        {{fa-icon 'plus'}}
      {{/if}}
    </span>
  </a>
</p>

{{#if isFormVisible}}
  <ChannelForm @onSubmit={{action (mut isFormVisible) false}} />
{{/if}}

in src/ui/components/sidebar/channels/template.hbs

so, my hunch is that

  <a class='button is-small' {{action (mut isFormVisible) true}}>

needs to change to

  <a class='button is-small' {{action (mut isFormVisible) (not isFormVisible)}}>

for a toggle-effect.

[NullVoxPopuli]

resolved by: https://gitlab.com/NullVoxPopuli/emberclear/commit/f69b7a106ade1f39f6c43a68bacc80bd755abf5f