Image-sequencer: Bootstrap Panel UI for steps

[jywarren]

Following up on a lot of changes from the past week; I am thinking of how we could integrate a lot of the buttons and features into a better and more coherent design using Bootstrap Panels:

https://getbootstrap.com/docs/3.3/components/#panels-heading

Maybe like this?

I /think/ this would work:

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Module name <span class="caret"></span></h3>
        <a class="pull-right btn btn-xs btn-default"><span class="fa fa-trash" aria-hidden="true"></span></a>
    </div>

    <div class="panel-body"></div>

    <div class="panel-footer">
        <a class="btn btn-sm btn-default">Save</a><a class="pull-right btn btn-sm btn-default">
        <span class="fa fa-plus" aria-hidden="true"></span> Insert module</a>
    </div>
</div>

This may also give us more flexibility to add more tools and such as the project gets more complex.

[Mridul97]

@jywarren I would like to work on this! :smile:

[jywarren]

haha ok! Let's try to get our pull request backlog down a bit first,
however. Thanks though, this is exciting!!!

On Mon, Jan 14, 2019 at 4:53 PM Mridul97 [e-mail] wrote:

@jywarren https://github.com/jywarren I would like to work on this! 😄

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/673#issuecomment-454175787,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJ-8EcNK-Gd7uzB_P2-6kQ5p7j16Fks5vDPxNgaJpZM4Z_wp3
.

[Mridul97]

@jywarren I have caught up with pull request backlog! :smiley:

[jywarren]

@Mridul97 if you'd like to work on this i'd love to close it out -- i think it shouldn't be too difficult!

[Mridul97]

@jywarren Sure! I will work on this! :)

[harshithpabbati]

Was anyone working on this ?? Or can i work on it??

[jywarren]

Oh please, that would be super!

On Sun, Mar 3, 2019 at 5:16 AM Harshith pabbati [e-mail]
wrote:

Was anyone working on this ?? Or can i work on it??

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/673#issuecomment-469008501,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJznBNYeiToXN5d5uTCSXB_-Ay4KIks5vS6DagaJpZM4Z_wp3
.

[harshithpabbati]

@jywarren can you say me what to add in the panel???

[jywarren]

I think we can just put everything that's currently in a step into each pane:

[harshithpabbati]

@jywarren was this ok???

[harshithpabbati]

But still i have to make many things. I just want to know any changes for now.

[jywarren]

Basically yes! Although module name could be replaced by the actual module
name, and there's some alignment and spacing issues. But looking good!

On Tue, Mar 5, 2019, 8:25 AM Harshith pabbati [e-mail]
wrote:

But still i have to make many things. I just want to know any changes for
now.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/673#issuecomment-469678252,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJ7HF1pPq2H8rWYe3vSTbznioq8Itks5vTnA3gaJpZM4Z_wp3
.

[harshithpabbati]

yeah i will make the change in css properties at the last and will change the name of the module.

[harshithpabbati]

@jywarren we need a new panel for every module right??

[harshkhandeparkar]

Yes

[harshkhandeparkar]

@Harshithpabbati can you open a PR? We can discuss all the changes there.

[harshithpabbati]

Few things needed to be implemented then i will open a pr.

[harshkhandeparkar]

Cool! You can share the next screenshot directly in the PR.

[harshithpabbati]

Yeah for sure!!