CSS Changes

[captn3m0]

• [x] Remove widearea
• [x] Establish same styles as the widearea fullscreen edit mode.
• [ ] Add a dark/light theme switcher on right (just like how it is with widearea). Make it work using Potion.Util.Theme, perhaps
• [x] Add a "publish" button below the theme switch button.
• [x] Add a new post button in the admin layout. (Next to "Drafts", but floating right)
• [ ] Fix title shown in editor layout. Move it to center and shift textarea below it
• [ ] No scrollbar on repo choose screen. Try a non-blog repo and the error comes at bottom, but with no scrolling options.
• [x] Make choose.jade responsive. (See screenshot at bottom)
• [ ] Make admin page responsive. (See screenshot at bottom)
• [ ] Posts not scrolling in admin view. (Load captn3m0/captn3m0.github.com to test)
• [ ] Make preview occupy the same space as the editor.
• [ ] Add scrollbar on login and repo choose page.

[captn3m0]

• [x] Make #editor occupy the exact same space constrain that textarea has now.

[captn3m0]

• [x] Add potion logo to the editor screen, along with the spinner

[nanuclickity]

Textarea now spans the width. Shifting to drafts to modify the buttons.

[nanuclickity]

• [x] Potion logo with spinner

[nanuclickity]

• [x] #editor space constraints

[captn3m0]

:+1:

[captn3m0]

This is how potion looks in 1024x768:

Also, the posts are no longer scrolling in the admin view.

[captn3m0]

Editor becomes wide on preview mode. This should not happen as #editor is supposed to be centered and width limited.

[captn3m0]

Also, the subtitle text in editor screen is not in line with "Potion"

[captn3m0]

• [ ] Posts not scrolling in admin view.

[captn3m0]

Spinner is only half-visible on the editor layout. (Check by removing the hidden class from the spinner)

[captn3m0]

When i say, "it should preview should occupy same space as editor, I mean that it should be centered with a maximum width (the preview). Also, broken on huge monitors now:

[captn3m0]

The title in editor screen is still not in line either. You're making me doubt your css-chops now.

[nanuclickity]

Haven't touched the preview yet.

[nanuclickity]

I think you have some problems on your laptop. Here's how the editor screen looks on my side. Please delete and recompile.

[captn3m0]

Deleted, recompiled. Still not working.

[nanuclickity]

I mailed you the screenshot. Do pull and do something about it.

[captn3m0]

There must be some changes you've made that you haven't pushed.You can check https://stormy-mountain-6166.herokuapp.com/# for a deployed version of what I have.

[captn3m0]

Received no email. I have the latest changes you've pushed.

[captn3m0]

Make repo choose screen responsive as well.

This is broken at ~950px width.

[captn3m0]

Admin page at 848px width

[nanuclickity]

nemo... build it. login / repo / admin ... all three are responsive

---

Tushar Kant Web Developement, Photoshop Ninjutsu and Cool Stuff

Find Me On: Twitter https://twitter.com/#!/nanu_clickity Facebookhttps://www.facebook.com/nanuclickity GeekList http://geekli.st/nanu_clickity Google+https://plus.google.com/104570298720986666056

On Wed, Jul 24, 2013 at 12:38 PM, Abhay Rana (Nemo) < notifications@github.com> wrote:

Admin page at 848px width [image: image]https://f.cloud.github.com/assets/584253/847042/cf44db26-f42f-11e2-9bce-7800e6195dd6.png

— Reply to this email directly or view it on GitHubhttps://github.com/captn3m0/potion/issues/7#issuecomment-21467427 .

[captn3m0]

I did. They are all responsive at lower widths, but not at moderate widths. Check out the widths that I mentioned above. Again:

• Login seems responsive, but is still missing a scrollbar
• repo choosing is not responsive at 1051px width. It is also missing the scrollbar
• Admin layout is not responsive b/w 779 and 1141px. It is also missing the scrollbar.