-
Notifications
You must be signed in to change notification settings - Fork 6
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
Student Scores: adds tooltips, ellipsis and scale/wrap to tabs #980
Conversation
Is the tab width (and ellipses) not possible using just CSS? |
For example, something like: .period-tab {
display: inline-block;
max-width: 100px;
overflow-x: hidden;
text-overflow: ellipses;
white-space: nowrap;
} Otherwise, can you add tests? |
@@ -80,6 +82,14 @@ | |||
a { | |||
font-weight: 400; | |||
color: @tutor-neutral !important; | |||
span { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you add a class to this element so it is not selecting span
? Maybe react-bootstrap
does not have an easy way to do this though
Student Scores: adds tooltips, ellipsis and scale/wrap to tabs
li { | ||
display: flex; | ||
flex-wrap: wrap; | ||
li.tab-item-period { | ||
text-align: center; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tutor-nav-tabs are used on other things than periods. ;)
regarding task: https://www.pivotaltracker.com/story/show/112365737
added tooltips, ellipsis and scale/wrap to tabs to allow for longer names and more periods