Closed (fixed)
Project:
Rubik
Version:
7.x-4.x-dev
Component:
User interface
Priority:
Normal
Category:
Task
Assigned:
Reporter:
Created:
24 Jul 2012 at 17:58 UTC
Updated:
5 Nov 2015 at 09:44 UTC
Jump to comment: Most recent, Most recent file
Comments
Comment #1
Vc Developer commentedHere's idea you can use for your next release. View the screen shoot....
Comment #2
haydeniv commentedCould you provide this in a patch format against the latest dev version so that it is easier to review?
https://drupal.org/node/707484
Thanks.
Comment #3
aramboyajyan commentedThe reason I didn't close this, is that it still represents an issue and is something I run into several times.
I'm thinking about the most optimal way of solving this. One way would be to perform a JS check that will see if the total width of tabs is wider than the content area, and if yes, add an extra CSS class that will style tabs differently.
I'm assigning this to myself, and will keep this issue posted.
Comment #4
aramboyajyan commentedAlright, patch is attached. I won't commit this yet to dev, just so we can test it thoroughly.
The patch uses JS to calculate the row position of each tab, and give it first/last classes appropriately.
Screenshots:
Normal: http://i.imgur.com/QOq5ld9.png
One tab in second row: http://i.imgur.com/FGzzRPX.png
More tabs in second row: http://i.imgur.com/mYidGg8.png
Three rows: http://i.imgur.com/0cgjNiK.png
Comment #5
aramboyajyan commentedStatus.
Comment #6
aramboyajyan commentedMarking this as fixed; so far I haven't noticed any issues. Will be committed shortly.