Merge pull request #3049 from coreos-inc/joseph.schorr/QUAY-881/overflow

Fix overflow of cor-tabs by switching to flex box
This commit is contained in:
josephschorr 2018-04-04 17:09:28 -04:00 committed by GitHub
commit ecf6db256d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,12 +1,20 @@
.vertical cor-tabs {
display: table-cell;
float: none;
vertical-align: top;
background-color: #e8f1f6;
border-right: 1px solid #DDE7ED;
}
@media (min-width: 768px) {
.co-tab-container.vertical {
flex-direction: row;
display: flex;
align-items: stretch;
}
.vertical .co-tab-content {
width: 91.66666667% !important;
}
.horizontal-label {
color: #666;
}
@ -57,10 +65,9 @@
}
.vertical .co-tab-content {
width: 100%;
display: table-cell;
float: none;
padding: 30px;
flex-grow: 1;
}
@media (max-width: 767px) {