1
0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-08-04 20:27:40 +02:00

UI Defect: Information View looks broken for portrait view on iPhone #324

This commit is contained in:
Awilum
2014-07-26 00:59:02 +04:00
parent 4743f4e6e1
commit 3592d3342a
2 changed files with 32 additions and 2 deletions

View File

@@ -587,4 +587,31 @@ td, th {
.nav > li > a {
padding: 15px 9px!important;
}
}
@media (max-width: 320px) {
.mobile-nav-tabs .nav-tabs > li {
width: 100%;
height: 46px;
margin: 0px;
}
.mobile-nav-tabs .nav-tabs > li > a {
background: #fff;
border: 0;
}
.mobile-nav-tabs .nav-tabs > li.active > a,
.mobile-nav-tabs .nav-tabs > li.active > a:hover,
.mobile-nav-tabs .nav-tabs > li.active > a:focus {
border: 0;
color: #fff;
background-color: #428bca;
}
.mobile-nav-tabs .nav-tabs {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}
.mobile-nav-tabs .tab-pane > table {
border-top: 1px solid #ddd!important;
}
}

View File

@@ -1,6 +1,6 @@
<h2 class="margin-bottom-1"><?php echo __('Information', 'information'); ?></h2>
<div class="tabbable">
<div class="tabbable mobile-nav-tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#system" data-toggle="tab"><?php echo __('System', 'information'); ?></a></li>
<li><a href="#server" data-toggle="tab"><?php echo __('Server', 'information'); ?></a></li>
@@ -91,6 +91,7 @@
<div class="tab-pane" id="directory-permissions">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
@@ -125,12 +126,13 @@
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane" id="security">
<?php clearstatcache(); ?>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
@@ -158,6 +160,7 @@
<?php } ?>
</tbody>
</table>
</div>
</div>