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

sq: fix tab responsiveness

Browse source
This commit is contained in:
Rob Szumski 2015-10-23 23:36:05 +00:00 committed by Joseph Schorr
parent a6b4e7a00a
commit 352537adca
1 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
static/css/pages/plans.css
View file

@ -9,6 +9,8 @@
font-weight: 300; font-weight: 300;
margin-bottom: 40px; margin-bottom: 40px;
text-align: center; text-align: center;
padding-left: 15px;
padding-right: 15px;
} }
.plans-panel .plan-tabs { .plans-panel .plan-tabs {
@ -19,7 +21,6 @@
} }
.plans-panel .plan-tabs li { .plans-panel .plan-tabs li {
float: none;
display: inline-block; display: inline-block;
width: 49%; width: 49%;
} }
@ -30,7 +31,7 @@
.plans-panel .plan-tabs a:hover { .plans-panel .plan-tabs a:hover {
background-color: transparent; background-color: transparent;
border: none; border-color: transparent;
cursor: pointer !important; /* override very specific bootstrap style */ cursor: pointer !important; /* override very specific bootstrap style */
} }
@ -61,11 +62,36 @@
color: #51A3D9; color: #51A3D9;
} }
@media (max-width: 992px) {
.plans-panel .plan-tabs a .tab-logo svg {
height: 30px;
}
.plans-panel .plan-tabs a .tab-title {
font-size: 13px;
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.plans-panel .plan-tabs {
margin-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
}
.plans-panel .plan-tabs a {
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
.plans-panel .plan-tabs a .tab-title { .plans-panel .plan-tabs a .tab-title {
display: none; display: none;
} }
.plans-panel .plan-tabs a .tab-logo {
margin-top: 5px;
margin-bottom: 10px;
}
.plans-panel .plan-tabs a .tab-logo svg { .plans-panel .plan-tabs a .tab-logo svg {
height: 20px; height: 20px;
max-width: 100%; max-width: 100%;