vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix overflow of cor-tabs by switching to flex box

Browse source 
Fixes https://jira.coreos.com/browse/QUAY-881
This commit is contained in:
Joseph Schorr 2018-04-04 17:07:31 -04:00
parent b4849997e7
commit 1fce4a1a1d
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/css/directives/ui/cor-tabs.css
View file

@ -1,12 +1,20 @@
.vertical cor-tabs { .vertical cor-tabs {
display: table-cell;
float: none;
vertical-align: top; vertical-align: top;
background-color: #e8f1f6; background-color: #e8f1f6;
border-right: 1px solid #DDE7ED; border-right: 1px solid #DDE7ED;
} }
@media (min-width: 768px) { @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 { .horizontal-label {
color: #666; color: #666;
} }
@ -57,10 +65,9 @@
} }
.vertical .co-tab-content { .vertical .co-tab-content {
width: 100%;
display: table-cell;
float: none; float: none;
padding: 30px; padding: 30px;
flex-grow: 1;
} }
@media (max-width: 767px) { @media (max-width: 767px) {