New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change CSS layout for logo and thumbnail section #77

Closed
Esshahn opened this Issue Aug 12, 2018 · 4 comments

Comments

Projects
None yet
2 participants
@Esshahn
Collaborator

Esshahn commented Aug 12, 2018

Ideas:

  • same logo concept as the App Icon
  • less colorful, maybe black & white even
  • probably drop the icon box, too

@Esshahn Esshahn self-assigned this Aug 12, 2018

@Esshahn Esshahn added this to the 0.4 milestone Aug 12, 2018

@Esshahn

This comment has been minimized.

Show comment
Hide comment
@Esshahn

Esshahn Aug 12, 2018

Collaborator

It could be as simple as this:

screenshot 2018-08-12 um 14 00 13

But, to be honest, I would actually do this:

  • get rid of the whole black top area, which is kind of legacy from the old layout
  • move the thumbnails in the grey area right on top of the big canvas
  • no show a logo at all

screenshot 2018-08-12 um 14 04 26

It would be a nicer, simpler layout I think.

Collaborator

Esshahn commented Aug 12, 2018

It could be as simple as this:

screenshot 2018-08-12 um 14 00 13

But, to be honest, I would actually do this:

  • get rid of the whole black top area, which is kind of legacy from the old layout
  • move the thumbnails in the grey area right on top of the big canvas
  • no show a logo at all

screenshot 2018-08-12 um 14 04 26

It would be a nicer, simpler layout I think.

@Esshahn Esshahn removed their assignment Aug 12, 2018

@Esshahn Esshahn changed the title from Create In-App logo to Change CSS layout for logo and thumbnail section Aug 12, 2018

@Esshahn

This comment has been minimized.

Show comment
Hide comment
@Esshahn

Esshahn Aug 12, 2018

Collaborator

Changed issue title so that it reflects that we agree on changing the layout as described above makes more sense.

Collaborator

Esshahn commented Aug 12, 2018

Changed issue title so that it reflects that we agree on changing the layout as described above makes more sense.

@nurpax

This comment has been minimized.

Show comment
Hide comment
@nurpax

nurpax Aug 12, 2018

Owner

screen shot 2018-08-12 at 11 17 05 pm

There's some whitespace between the canvas and the screens. It might look better if the screens were sitting on top of the canvas..

But the flex layout works so that the canvas is in the middle, centered, and the screen tabs attach to the top of the window. So depending on window size, there's less or more space between these elements.

Might revisit this a bit if I want to make the canvas scalable w.r.t the app main window size.

Owner

nurpax commented Aug 12, 2018

screen shot 2018-08-12 at 11 17 05 pm

There's some whitespace between the canvas and the screens. It might look better if the screens were sitting on top of the canvas..

But the flex layout works so that the canvas is in the middle, centered, and the screen tabs attach to the top of the window. So depending on window size, there's less or more space between these elements.

Might revisit this a bit if I want to make the canvas scalable w.r.t the app main window size.

@Esshahn

This comment has been minimized.

Show comment
Hide comment
@Esshahn

Esshahn Aug 12, 2018

Collaborator

Love it already.

Collaborator

Esshahn commented Aug 12, 2018

Love it already.

@nurpax nurpax closed this Aug 12, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment