Fix plans manager on mobile
This commit is contained in:
parent
2878fd28c6
commit
7d412a5b68
2 changed files with 17 additions and 12 deletions
|
@ -1347,6 +1347,8 @@ i.toggle-icon:hover {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
.plan-price:after {
|
.plan-price:after {
|
||||||
content: "/ mo";
|
content: "/ mo";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -1355,6 +1357,7 @@ i.toggle-icon:hover {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.plans-list .plan .count {
|
.plans-list .plan .count {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -1516,9 +1519,6 @@ i.toggle-icon:hover {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.landing-filter.signedin {
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-content {
|
.landing-content {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,11 +31,16 @@
|
||||||
ng-show="!planLoading"></div>
|
ng-show="!planLoading"></div>
|
||||||
|
|
||||||
<!-- Plans Table -->
|
<!-- Plans Table -->
|
||||||
|
<div class="visible-xs" style="margin-top: 10px"></div>
|
||||||
|
|
||||||
<table class="table table-hover plans-list-table" ng-show="!planLoading">
|
<table class="table table-hover plans-list-table" ng-show="!planLoading">
|
||||||
<thead>
|
<thead>
|
||||||
<td>Plan</td>
|
<td>Plan</td>
|
||||||
<td>Private Repositories</td>
|
<td>
|
||||||
<td style="min-width: 64px">Price</td>
|
<span class="hidden-xs">Private Repositories</span>
|
||||||
|
<span class="visible-xs"><i class="fa fa-hdd-o"></i></span>
|
||||||
|
</td>
|
||||||
|
<td style="min-width: 64px"><span class="hidden-xs">Price</span><span class="visible-xs">$/mo</span></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
|
|
Reference in a new issue