Skip to content

Conversation

@Titan-C
Copy link
Contributor

@Titan-C Titan-C commented May 1, 2015

A not yet fix. But a proposal on removing the javascripts on this bug. This is not completely responsive, for all screen sizes. But does not mess up the layout.
This is to work the bugs for sphinxgallery adoption. #4658

@ogrisel
Copy link
Member

ogrisel commented May 6, 2015

Could you please push the rendered version on a gh-pages / github.io repo of your own so that we can easily review the rendered HTML / CSS in a browser?

@Titan-C
Copy link
Contributor Author

Titan-C commented May 20, 2015

This can be review at
http://scikit-learn.byethost7.com

@amueller
Copy link
Member

hide_sidebar doesn't look quite right. Firefox 38.0

@Titan-C
Copy link
Contributor Author

Titan-C commented May 20, 2015

It does look right. This 3 bar icon, that has nowadays developed into a standard of the hidden menu is presented.
I do agree that the way it is presented is not the nicest. I'm listening for more explicit design comments.

@amueller
Copy link
Member

The placement doesn't make it looks like a context menu button. I didn't recognize it as such, so I thought it was an error.
Was there a reason to change the style together with the js?
And usually this icon is use to show a context menu, not hide it, right?

@Titan-C
Copy link
Contributor Author

Titan-C commented May 20, 2015

The placement doesn't make it looks like a context menu button. I didn't recognize it as such, so I thought it was an error.

I agree, it was placed where the hide sidebar block was before. But I'm not sure where to put it now, on top of the sidebar might give more the standard feeling?

Was there a reason to change the style together with the js?

Yes, it was easier for me. The old block was harder to control, certainly that specific way the div elements were handled contributed to the bug in the CSS+JS version.

And usually this icon is use to show a context menu, not hide it, right?

Yes, but for that behavior you need to reduce the screen size. Then the default is hidden, and the context menu shows it. But on big screen, the default is to have the menu.

@amueller
Copy link
Member

Ok so if we want to keep that button, I feel it should be between the next and previous buttons, or maybe to the left / above the "previous" / "next" bar.
It should also have a button styling. We don't have any drop-shadows or borders on the page, so maybe that wouldn't be good, but at least a rectangle with rounded corners or something that shows that it is clickable would be good.

@amueller
Copy link
Member

maybe we can summon @glouppe to give some helpful input?

@Titan-C
Copy link
Contributor Author

Titan-C commented May 25, 2015

This is a second review. This time the hide sidebar recovers as possible the old style. Review at
http://scikit-learn.byethost7.com

@Titan-C Titan-C mentioned this pull request May 25, 2015
6 tasks
@amueller
Copy link
Member

lgtm

@amueller amueller changed the title Sidebar hide in css [MRG + 1] Sidebar hide in css May 27, 2015
@lesteve
Copy link
Member

lesteve commented May 28, 2015

sklearn_sidebar

Looks like the last letter in the sidebar content is hidden by the sidebar toggle button, e.g. the 's' in Dummy estimators or the 'e' in Kernel Ridge regression. I checked this happens for both Firefox and Chrome.

Also is there an easy way to make the sidebar toggle button take the whole space vertically speaking?

@Titan-C
Copy link
Contributor Author

Titan-C commented May 28, 2015

Looks like the last letter in the sidebar content is hidden by the sidebar toggle button, e.g. the 's' in Dummy estimators or the 'e' in Kernel Ridge regression. I checked this happens for both Firefox and Chrome.

[] I didn't notice this, I'll shift the toggle button more to the left

Also is there an easy way to make the sidebar toggle button take the whole space vertically speaking?

The whole vertical space of whom?

  • Size of the left navigation bar?: Not to hard as they are in the same div container. Still design problem on how it should behave on scrolling the page. Now it scrolls with you on a fixed position.
  • Size of the content on the right?: A lot harder, change html layout and because the toggle button would be contained inside the same div content element it is shifting, the CSS relative and absolute positioning becomes a mess
  • Size of the vertical screen?: Maybe easier, but requires a more serious layout(website) design

@lesteve
Copy link
Member

lesteve commented May 28, 2015

The whole vertical space of whom?

Size of the left navigation bar?: Not to hard as they are in the same div container. Still design problem on how it should behave on scrolling the page. Now it scrolls with you on a fixed position.

This option sounds reasonable.

@Titan-C
Copy link
Contributor Author

Titan-C commented May 28, 2015

Shift done and also larger toogle button.

@lesteve
Copy link
Member

lesteve commented May 28, 2015

Would you mind using « and » rather than << and >> for the toggle content? At the moment it seems a bit big.

@Titan-C
Copy link
Contributor Author

Titan-C commented May 28, 2015

Done!

@lesteve
Copy link
Member

lesteve commented May 28, 2015

Looks fine, thanks!

@GaelVaroquaux
Copy link
Member

This is excellent work @Titan-C . Thanks heaps!

Merging

GaelVaroquaux added a commit that referenced this pull request May 28, 2015
[MRG + 1] Sidebar hide in css
@GaelVaroquaux GaelVaroquaux merged commit 44f17b0 into scikit-learn:master May 28, 2015
@Titan-C Titan-C deleted the sidebar branch May 28, 2015 15:15
@Titan-C Titan-C restored the sidebar branch June 13, 2015 15:36
@Titan-C Titan-C mentioned this pull request Jun 13, 2015
@Titan-C
Copy link
Contributor Author

Titan-C commented Jun 13, 2015

Indeed. I had not noticed this off centering in the homepage and the documentation page. I reopened the branch and an new PR #4859. The fix is simple one has to delete the css for the div.container-index that compensates the old javascript behavior. It is not needed anymore. I'm also wondering if one should deleted this

from the only 2 files that implement it adhoc. the index.rst and documentation.rst.
that means revert this commit d29719f

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants