Skip to content
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

Improve configuration tab's style #337

Merged
merged 5 commits into from
Nov 23, 2014
Merged

Improve configuration tab's style #337

merged 5 commits into from
Nov 23, 2014

Conversation

robin850
Copy link
Member

Hello,

This pull request is a follow-up to #312. It fixes the style of configuration tabs so that they better fit the site's design. There are several commits to ease the review process and make blaming easier:

Before:

tabs-before

After:

tabs-after

Fixes #310 and #329.

Have a nice day!

nymo and others added 4 commits November 22, 2014 14:14
removed empty css files
added override css file which can be used to override different style behaviours
decreased size of jquery ui tabs

fixes #310
These tabs used to be styled according to the default style-sheet
provided by jQuery UI. They are now stylized like the rest of the site
so they fit better with the design.
Since we are using a multi-column layout, the floating elements inside
the tab container make the latter to lose its height so the element are
displayed after the left-floating element (here the navigation menu).

Solution found at http://stackoverflow.com/a/7476799/2663959.
@marcj
Copy link
Member

marcj commented Nov 22, 2014

Cool :) +1

@@ -28,9 +27,10 @@

{% if page.configuration == true %}
<!-- Configuration stuff -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="/css/override.css" >
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing trailing / to close the tag

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since we are using HTML 5, this is not needed. The other ones don't have the closing slash so for the sake of consistency, let's keep it as is ; the one above has been updated. :-)

robin850 added a commit that referenced this pull request Nov 23, 2014
Improve configuration tab's style
@robin850 robin850 merged commit f7fc713 into master Nov 23, 2014
@robin850 robin850 deleted the configuration-tabs branch November 23, 2014 09:51
@robin850
Copy link
Member Author

Ok, thanks for the review guys ! :-)

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.

Fix those gigantic tabs
5 participants