fix #2811: left and right aligned tabbable tabs fixes so that .tab-content grows to match parent's width

This commit is contained in:
Mark Otto 2012-04-01 00:15:04 -07:00
parent d652af1097
commit 33fa705c7f
3 changed files with 2 additions and 12 deletions

Binary file not shown.

View File

@ -2780,8 +2780,7 @@ input[type="submit"].btn.btn-mini {
clear: both;
}
.tab-content {
display: table;
width: 100%;
overflow: auto;
}
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
@ -2816,10 +2815,6 @@ input[type="submit"].btn.btn-mini {
.tabs-below .nav-tabs .active > a:hover {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left .tab-content,
.tabs-right .tab-content {
width: auto;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
float: none;

View File

@ -266,8 +266,7 @@
.clearfix();
}
.tab-content {
display: table; // prevent content from running below tabs
width: 100%;
overflow: auto; // prevent content from running below tabs
}
// Remove border on bottom, left, right
@ -314,10 +313,6 @@
// ------------
// Common styles
.tabs-left .tab-content,
.tabs-right .tab-content {
width: auto;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
float: none;